Valid Rollovers? - Webmaster Forum - Web Design, Programming and SEO forums

03-31-2008, 08:50 PM

bradford

Status: I love this place
Join date: Feb 2008
Location:
Expertise:
Software:

Posts: 639

iTrader: 14 / 100%

bradford is on a distinguished road

Valid Rollovers?

Can someone send me a code or tutorial to make valid CSS and xHTML rollovers that are IMAGES!

Thanks.

04-03-2008, 12:18 AM

-DN-

Status: Junior Member
Join date: Apr 2008
Location:
Expertise:
Software:

Posts: 47

iTrader: 0 / 0%

-DN- is on a distinguished road

HTML Code:

<ul>
<li><a href="#">Home</a></li>
</ul>

css

ul li { text-indent:-9999px; }
ul li a { display:block; background:url(yourimage.gif) no-repeat; width:100px; height:25px; }
ul li a:hover { background:url(yourimage2.gif) no-repeat; width:100px; height:25px; }

04-03-2008, 12:27 AM

bradford

Status: I love this place
Join date: Feb 2008
Location:
Expertise:
Software:

Posts: 639

iTrader: 14 / 100%

bradford is on a distinguished road

Thanks.