Mac Forums

Mac Forums (http://www.mac-forums.com/forums/)
-   Web Design and Hosting (http://www.mac-forums.com/forums/web-design-hosting/)
-   -   Trying to do CSS rollover button image swapping, but failing.... (http://www.mac-forums.com/forums/web-design-hosting/112693-trying-do-css-rollover-button-image-swapping-but-failing.html)

DarkKnight369 06-19-2008 01:28 PM

Trying to do CSS rollover button image swapping, but failing....
 
I have been familiar with CSS, but this is my first time trying to do the entire site in it. I have the layout all set, but I want to do my navigation in CSS. I basically have different image states for roll over effects, but want to do it with CSS and not javascript. How do I make it work?

Here is my failing HTML and CSS thus far....


<body>
<div id="container">
<div id="top_half">
<div id="navigation">
<div id="home_button">
<a class="home_page" href="http://zumbekmedia.com/index.html"></a>
</div>
</div>
</div>
<div id="bottom_half"> </div>
</div>
</body>
</html>



#navigation {
margin: auto;
width:509px;
height:32px;
overflow:hidden;
position:absolute;
top:152px;
left:259px;
}

#home_button {
width:65px;
height:32px;
}

a.home_page {
background-image: url(images/home_page.jpg);
background-repeat: no-repeat;
}

a.home_page:hover {
background-image: url(images/home_on.jpg);
background-repeat: no-repeat;
}



Nothing shows up at all.

DarkKnight369 06-20-2008 12:21 PM

I got it working yesterday....I had to put an &nbsp; as a place holder for the link to trigger the roll over effects.


All times are GMT -4. The time now is 04:00 AM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.