Hi;
I am trying to get buttons to work in my navigation. I would like them to
display inline and to change on hover. Here is my css:
body {
margin: 0 auto;
width: 1280px;
font-family: Arial,sans-serif;
color: black;
}
#menu {
display: inline;
position: relative;
clear: left;
margin: 0;
width: 1280px;
top: -1px;
height: 36px;
}
#menu .home span {
width: 101px;
background-image: url('images/home-no.png');
}
.home span {
display: block;
height: 36px;
}
.home:hover span {
background-image: url('images/home-si.png');
}
That's the whole file. Here the important part of my html:
<div id="menu">
<a class="home"
href="Listen_Online.html"><span></span></a>
</div>
There was still a 3px white border around each element before I limited it to
just one and there is still that border around the one. Please advise.
TIA,
Chris
Reply to: Reply to Chris Stuckey Send
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
