Sort of my first self built CSS design — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

Sort of my first self built CSS design

This page's ID: 30585

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	well, from the looks of the site, you don't need to do an "image" change. It's just a text color change right? a{color:#875522} a:hover{color:#f5f7f4} So, if you did it that way, you don't really need to do the images here : [code] <div id="nav"> <a href="index.php"><img src="img/btn_home_off.jpg" alt="HOME" border="0" class="domroll img/btn_home_over.jpg"/></a> <a href="sermons.php"><img src="img/btn_sermons_off.jpg" alt="SERMONS" border="0" class="domroll img/btn_sermons_over.jpg"/></a> <a href="articles.php"><img src="img/btn_articles_off.jpg" alt="ARTICLES" border="0" class="domroll img/btn_articles_over.jpg"/></a> <a href="gallery.php"><img src="img/btn_gallery_off.jpg" alt="FAMILY ALBUM" border="0" class="domroll img/btn_gallery_over.jpg"/></a> <a href="churches.php"><img src="img/btn_family_off.jpg" alt="FAMILY OF CHURCHES" border="0" class="domroll img/btn_family_over.jpg"/></a> <a href="resources.php"><img src="img/btn_resources_off.jpg" alt="RESOURCES" border="0" class="domroll img/btn_resources_over.jpg"/></a> <a href="contact.php"><img src="img/btn_contact_off.jpg" alt="CONTACT" border="0" class="domroll img/btn_contact_over.jpg"/></a> </div> [/code] It could just be : [code] <div id="nav"> <ul> <li><a href="index.php">HOME</a></li> <li><a href="sermons.php">SERMONS</a></li> <li><a href="articles.php">ARCTICLES</a></li> <li> <a href="gallery.php">GALLERY</a></li> <li><a href="churches.php">CHURCHES</a></li> <li><a href="resources.php">RESOURCES</a></li> <li><a href="contact.php">CONTACT</a></li> </ul> </div> [/code] Then you just style the nav, nav ul, nav li and so forth to get the same results. After all the menu is just a list just horizontal right? Which in CSS terms is done as "in-line". Set some padding, put it inline and so forth and you have a nice menu that degrades nicely and don't have to worry about swapping out images. ;) Later, C:\ Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu