Posted by Jonathan N. Little on 03/10/06 15:40

hgwoss@gmx.de wrote:

> I have figured out most of the problems, by adjusting values, although
> I do not know, what caused the problems.
> But I still don't have the <div class="horizontal_ruler_438px
> margin-bottom_15px"> element at the right height of 1px.
>
Firstly, you have some markup errors, most not too serious but some
serious enough to cause problems, your doctype of XTML is not forgiving.

Once note though, your choice of class naming defeats the beauty of CSS.

example "horizontal_ruler_438px" what happens later down the road you
decide "200px" works better? Your class will either have a deceptive
name of "horizontal_ruler_438px" or your have to change ALL INSTANCES of
"horizontal_ruler_438px" on your website to "horizontal_ruler_200px".

Better class names that describe purpose and not the style, for example

Intro, Boilerplate, PictureBox, Detailed_Desc, Handy_Shortcuts

so if you define

..Boilerplate {
font-size: .75em;
color: white;
background-color: black;
border: 1px solid red;
}

then later you change the color scheme of your site

..Boilerplate {
font-size: .85em;
color: black;
background-color: silver;
border: 0;
width: 50%;
float: right;
}

you can do so but if it was named "white_on_black_dot75em" the call name
would be confusing, right?


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]