PDA

View Full Version : CSS - is this the same as ... ?


shellyblake
05-22-2001, 01:37 PM
i use frontpg (don't throw anything please) for my wysiwyg - one of the functions i really like is it's "webbing" ability (wherein it creates a border that can be incorporated into all of the pages). this is the only function i use this for (ie: i do not use themes). i'm not familiar with CSS but i'm assuming that this would do the same thing - except maybe better (ie: change the css file & it changes the whole site - whereas in FP you change a border you have to completely upload the whole site again for the new border to take affect).
is my assumption correct? i don't know how to use CSS but if it will do the same thing that the FP borders do - i will definately get into that so i can break myself free from FP!
tia,
shelly.

prodeveloping
05-22-2001, 03:24 PM
CSS stands for Cascading Style Sheets. A Cascading Style Sheet is something that changes the charactistics of text. For example, by using CSS, HTML Forums links are blue and turn light blue instead of purple when clicked. CSS can also be used to make text change color when the mouse goes over it.

Some more detailed definitions/examples are at:

http://www.w3.org/Style/CSS/
and
http://www.htmlhelp.com/reference/css/

I don't know if you can incorporate CSS easily into FrontPage 2000 or not, but you can can with the Edit HTML feature in version 98.

shellyblake
05-22-2001, 03:42 PM
so basically - CSS is similar to the themes in FP
SO...any idea how I can simulate the way the borders work in FP - so I can get out of being "tied" to FP?

prodeveloping
05-22-2001, 03:52 PM
Sorry, I don't. You could try using templates. Some good ones are at: http://www.freewebtemplates.com

Mark
05-22-2001, 04:37 PM
shellyblake!

1. what version of FP do you have. I have FP 98.
2. i think there is a way to only upload your change done since your last upload. Using this method, you will only upload your changes and not the whole site. (I haven't used it so i'm not sure)

kevin
05-22-2001, 04:55 PM
CSS is used for much more than just text formatting.

As far as FP and CSS goes, you can apply a CSS file to all the pages (linked CSS) in a web or use CSS on each individaul page (inline CSS). It just depends on how you are doing it.

Regards,
Kevin

COBOLdinosaur
05-22-2001, 05:24 PM
<style>
body {border:5px outset red}
</style>

put that in a file with a .css extension

Then in the head of you pages put

<LINK REL="stylesheet" TYPE="text/css" HREF="filename.css">

Every page that uses the style sheet will have the same border. If you want to change the border you only have to change the style sheet.

Styles handle text formating, backgrounds, borders, positioning, padding, display methods and much more. The attributes can be modified by JavaScript for very dramatic and cool effects.

COBOLdinosaur
05-22-2001, 05:26 PM
If you are going to use styles to any extent, you definitely have to get rid of FrontPage it sticks in a lot of font tags and other crap that will mess up soem really great styling

shellyblake
05-22-2001, 05:27 PM
I guess I'm not being too clear - I would like to be freed from FP (BTW, I use FP2000). I was hoping CSS would solve my prob. of being tied to the software to create the borders - but I guess not. Anyone know of something similar (HTML-wise - not software) that can do this kind of thing? Besides frames of course!
Just in case you don't understand what I'm asking - it is this....
Pages A, B, C, D & E all have the same info at the bottom (a link to all pgs, copyright info & contact info). They also all have a navigation menu down the left side and the same logo/masthead across the top.
Problem - we just moved locations. All pages have to have the bottom contact info changed. Without FP borders we would have to open page A, change it, save it & close it. Then open page B, change it, save it & close it., etc.
Solution - in FP, you just open one file - change the info & save it. The software automatically updates all the pages that contain that common info.
Non-FP Solution - ??? ;)

prodeveloping
05-22-2001, 06:11 PM
Sorry, I can't help you this time either.

JohnM
05-22-2001, 06:21 PM
Sheesh, avoid FP like the plague.

kevin
05-22-2001, 08:25 PM
OK...I think you are using the shared border feature of FP. What you need to do, if you want to be freed of FP, yet have the same functionality, (change one file and all pages change) is use SSI (server side includes).

CSS will not do this. CSS formats webspages but does not add content, only controls how the existing content looks.

The webserver you use must be setup to allow the use of SSI's, most are, but you need to check with your server. They really are pretty easy to use after reading a short tutorial. There is a link to an SSI tutorial on an affiliate website, 123webmaster.com, locate and click the "enter site" link to read the tutorial. http://www.123webmaster.com/Learning_Center/Server_Tips/

Regards,
Kevin

amruta
05-23-2001, 07:51 AM
Hello

For border in html pages you can try following code. You cut n paste following code in your head tag.

<head>
<style>
BODY
{
scrollbar-face-color:#186d6b;
scrollbar-shadow-color:#EBF3F7;
scrollbar-highlight-color:#B3C3DB;
scrollbar-arrow-color:white;

}
</style>
</head>

AMurta

Goldilocks
05-23-2001, 08:03 AM
Originally posted by amruta
Hello

For border in html pages you can try following code. You cut n paste following code in your head tag.

<head>
<style>
BODY
{
scrollbar-face-color:#186d6b;
scrollbar-shadow-color:#EBF3F7;
scrollbar-highlight-color:#B3C3DB;
scrollbar-arrow-color:white;

}
</style>
</head>

AMurta

Surely all that does is set the color of the scrollbars. That's not what Shellyblake was asking for.

COBOLdinosaur
05-23-2001, 12:53 PM
For SSI you have to have some server side support. The server has to be configured for SSI. The client side solution is to put the common html in a .js file and then generate dynamically.

the content of the .js file would look like:

document.write('<p> some stuff </p> <anytag> any content including "quoted" stuff');
document.write('you get the idea');

Then on the page where you want the common stuff you just put:

<script language="JavaScript" src="someurl.js">
</script>

and it inserts the code.

When you need to do a change you just change the .js file and away you go, with no server side support required.

COBOLdinosaur
05-23-2001, 12:55 PM
BTW, the scrollbar stuff id IE5.5 only, and has nothing to do with the borders.

kevin
05-23-2001, 02:02 PM
Originally posted by COBOLdinosaur
For SSI you have to have some server side support. The server has to be configured for SSI. The client side solution is to put the common html in a .js file and then generate dynamically.

the content of the .js file would look like:

document.write('<p> some stuff </p> <anytag> any content including "quoted" stuff');
document.write('you get the idea');

Then on the page where you want the common stuff you just put:

<script language="JavaScript" src="someurl.js">
</script>

and it inserts the code.

When you need to do a change you just change the .js file and away you go, with no server side support required.



Really good suggestion...my only thought would be what if JS is turned off on the client side? Will the script still function?

Regards,
kevin

COBOLdinosaur
05-23-2001, 08:20 PM
Script diabled would mean the .js does not get loaded. Which is whay on page with scripting it is a good Idea to put:
<noscript>
hey idiot how do you expect to see my cool effects if you disable scripting. turn scripting on or get off my site... Have a nice day :anykey:
</noscript>

kevin
05-23-2001, 11:11 PM
OK....

Kevin