CSS means Constantly Sickening & Stupid!! — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

CSS means Constantly Sickening & Stupid!!

This page's ID: 28869

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	There are some definite improvements there, but there is still quite a ways to go toclean up that code, and to clean up the general approach. Let me lay out a few things that will help move in the right direction: 1) way too many divs. always think of what you can do with only the bare bones in your HTML, and add elements only when necessary. the 'wrapper' 'headtopper' 'bodytopper' 'lowtop' 'lowmid' etc, are all completely unnecessary. This is part of still looking at the design from a table point of view. - the entire header area can be a single non-repeating background image - logo, text, curved top, and all... - the 'bodytop' image can be attached to the bottom of the 'nav' div and so on... 2) way too many class names. same concept as above - start with as few as possbile and only add when needed. Use the Cascading aspect of your cascading style sheets - - instead of having [code] <div id="navbg"> <a href="" class="mainnav">HOME</a> ? <a href="" class="mainnav">MARKETING</a> ? <a href="" class="mainnav">ADVERTISING</a> ? <a href="" class="mainnav">INTERNET</a> ? <a href="" class="mainnav">PUBLIC RELATIONS</a> ? <a href="" class="mainnav">TRAINING</a> ? <a href="" class="mainnav">CONTACT</a> </div> [/code] Simply remove the class="" from the links, and your CSS, declare like this: #navbg a { appropriate styles.... } The majority of classes in this page can be done away with i this manner... 3) HEADERS!! The <h1> etc tags exist for a reason. Your "<p class="bodybold">" is a header - code it that way! 4) margins/padding: don't use extra empy <p>'s and divs to add space - set the margins and padding of your element appropriately. that'll do for now ;) hope it helps... [url=http://in-dented.net/sigs/][img]http://in-dented.net/sigs/rotate.php[/img][/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu