Rollover problems in IE and centering problems Mozilla — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

Rollover problems in IE and centering problems Mozilla

This page's ID: 27853

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	First, ditch the img tags, make the navigation a list and make the anchors the lowest element. [code] <ul id="top_box_right"> <li id="home_button"><a href="index.php?">Home</a></li> <li id="about_button"><a href="index.php?">About</a></div> <li id="services_button"><a href="index.php?">Services</a></div> <li id="portfolio_button"><a href="index.php?">Portfolio</a></div> <li id="contact_button"><a href="index.php?">Contact Button</a></div> <li id="privacy_button"><a href="index.php?">Privacy Button</a></div> </ul> [/code] Now, you have two options; you can use the text in the boxes as browser rendered, or you can put a different background image on each <a>. Personally, I don't see any benefit to the latter, and it just gobbles bandwidth. So, instead: [code] #top_box_right { list-style:none; float:right; } #top_box_right li { float:left; } #top_box_right li a { text-transform:lowercase; font: 0.8em Arial,Helvetica,sans; color: #fff; background: transparent url("/path/to/hover.state") 0 0 no-repeat; width:84px; height:67px; } #top_box_right li a:link, #top_box_right li a:visited { background-image: url("/path/to/normal.state"); } [/code] The CSS isn't exact, but should give you a good idea of where to go with it. If you need more information, I find one of the best resources to actually be w3schools, right over here: [url http://www.w3schools.com[/url]. Cheers, DC Edit: Fixed the url UBB code. [small](Edited by [url=http://www.ozoneasylum.com/user/1697]divinechaos[/url] on 04-30-2006 04:08)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu