Forum Moderators: not2easy
I have noticed that CSS is usually formatted like this:
#navlist {
position: absolute;
left: 36px;
top: 86px;
width: 186px;
}
For easier readability, I like to set them up like this:
#navlist {position: absolute; left: 36px; top: 86px; width: 186px; }
Does it matter?
#something, #a {
[tab] width: 100%;
[tab] height: 100%;
[tab] etc;
}
It is both easy to understand and semantically meets the programming standarts as far as I know.
* Readability. Some people like css written horizontally (as you do), while others prefer a top-down standard. I've talked to some that organize their css alphabetically, while others arrange it according to the flow of their html.
* File Size. If you are working with a lot of css, the file size may be an issue for you. If you arrange your code horizontally, the file will generally be smaller in size than if you did it in a top-down style.
Your example might look like this (though with tabbed indents for the middle lines!):
#navlist {
position: absolute;
left: 36px; top: 86px;
width: 186px;
}
At least that's what I do with an external style sheet. If I have a few styles in the <head> of a page I'm more likely to consolidate things onto one line. In either case, readability and logic is key.
I am a recent convert to Dreamweaver 8 from Frontpage 2003. FP always formatted in a single line:
#navlist {position: absolute;left: 36px;top: 86px;width: 186px; }
DW formats like this:
#navlist {
position: absolute;
left: 36px;
top: 86px;
width: 186px;
}
Thanks a lot for your input!
