New to CSS - ?cross-browser compatibility? — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

New to CSS - ?cross-browser compatibility?

This page's ID: 10968

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	The best advice that I can give you when it comes to making a CSS-based page is to write the content without concerning yourself about what it will look like. If the content will come later, then write a few paragraphs of temporary nonsense text to fill in, but the point is to consider the underlying structure of the page (not the visual structure; the structure of the content) before considering the visual appearance. This is a very difficult concept to get used to (especially for those used to table-based layouts), and I'm still working on it myself, but it's very important to think this way. After you've structured the page, you may have to tweak it a little bit due to browser-varying CSS support, but the overall structure shouldn't be changed unless you realize that you made a mistake regarding the page's structure. For instance, if you're planning to have a navigation bar on your site, don't think "horizontal bar of links" - that's visual structure. Think "unordered list of links" - that's the underlying structure. Once you've thought of it like that, you realize that you should mark it up as such: <ul> <li><a href="...">...</a></li> <li><a href="...">...</a></li> <li><a href="...">...</a></li> </ul> And only later on do you concern yourself with how to style this with CSS so that it appears horizontal. You may, at that point, decide to add classes or IDs to the elements. But keep your markup separate from your style, even throughout the creation process. I also suggest you read [url=http://www.thenoodleincident.com/tutorials/design_rant/]http://www.thenoodleincident.com/tutorials/design_rant/[/url] . Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu