ok css gurus... (background colors) — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

ok css gurus... (background colors)

This page's ID: 28042

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	Ok, before going any further into the CSS side of this, lets get that mark-up cleaned up! You have a lot of headers and paragraphs that are just wrapped in <span> tags with <br>'s in between. This is BAD! :) Your markup is going to be an integral part of getting your layouts to work properly, and you need to make sure that you are using the right tag for the job. Have a list? Code it as a list! A header? Code it as a header! (and remember to use the right header tag. there are 6, they go in order - they should go in order of heirarchy on your page as well) A paragraph? Code it as a paragraph! See a pattern here? ;) CSS effects all of the HTML elements - so get your markup done right, and use your CSS to style appropriately. Keep in mind the cascading part of CSS. You have a lot of classes specified in your mark-up that are not needed, and add a lot of clutter. For instance - [code] <div id="news"> <span class="news_date"> June 2005 </span> <br> <span class="news_info"> Informetrics completes Marketing Focus magazine, due out August 2005. Watch for it and more information. </span> <br> <br> <span class="news_date"> July 2005 </span> <br> <span class="news_info"> Informetrics completes Four Oaks Place Marketing Center for TIAA-CREF and Transwestern Commercial Services. </span> <br> <br> <span class="news_date"> July 2005 </span> <br> <span class="news_info"> Informetrics completes Marketing Focus magazine, due out August 2005. Watch for it and more information. </span> </div> [/code] Can be narrowed down to: [code]<div id="news"> <h3> June 2005 </h3> <p> Informetrics completes Marketing Focus magazine, due out August 2005. Watch for it and more information. </p> <h3> July 2005 </h3> <p> Informetrics completes Four Oaks Place Marketing Center for TIAA-CREF and Transwestern Commercial Services. </p> <h3> July 2005 </h3> <p> Informetrics completes Marketing Focus magazine, due out August 2005. Watch for it and more information. </p> </div> [/code] Then you access these elements in your CSS like this: [code] #news h3 { styles.... } #news p { styles... } [/code] rather than using a class for each element. This saves a lot of time and effort in the long run. It keeps your CSS a little cleaner and your markup a LOT cleaner. [url=http://in-dented.com/sigs.html][img]http://in-dented.com/sigs/knot_sig_32.gif[/img][/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu