 | |||||||||
|
|
|
|
|
|
|
|
|
|
|
|
CSS Classes
Firstly, what are Classes you might ask. Well, it's a nifty CSS property that let's you do so much more. Basically, you can organize your entire layout with classes in css. This code goes in your style sheet or at in your style codes at the top of your page. This is the basic format of a class.
Yes, that "." in front of CLASSNAME is important. You already might know what the position:absolute; top; left; codes do. They basically position the layout, an image or text, relative to the left and top most part of the screen. The width and the height are for an image or the size of the div area. You can remove those if you don't want to specify a height or a width or both. Next, the border. I usually put "none" but you can put any css border effect you wanted. The z-index is a new thing for you probably. Basically, it's the layer, if you want to call it that. So the big layout image would be z-index:0 (since the computer counts starting from 0). Then for example the inline frame or something would be z-index:1 and so on. If you are using a div textarea, and you want it to be able to be scrollable, that is what the overflow: auto part is for. Next, after you've done all this in your style/css (which is in your header!), you will need to make the div/table/etc and call the class. You do this the following way:
You can also do it a different way. If you're using classes for the layout image or for the iframe, just put class=CLASSNAME in the tag.
For example, this segment of css can be the classes in my style that I use for a layout:
| |||||||||