Hi all,
I am having a problem and can't seem to see the elegant solution. I
have a simple ul list nav with rollover states. I need to have the
selected state show without any background, just white, to blend in with
the content below it.
The nav was created in CSS and didn't have this look built in and I just
can't seem to figure it out without wasting a ton of code to do it. I
have tried to have a selected or non link style so that the background
would just be white, but if the selected link is "selected", then it
doesn't need a ahref tag and thus breaks the CSS function...
Any help would be greatly appreciated.
HTML :
<div id="tabsE">
<ul>
<li><a href="#" title="Hotel Overview"><span>Hotel
Overview</span></a></li>
<li><a href="#" title="Room Types"><span>Room Types</span></a></li>
<li><a href="#" title="Property Info"><span>Property
Info</span></a></li>
<li><a href="#" title="Good to Know"><span>Good to
Know</span></a></li>
<li><a href="#" title="Link 5"><span>Hotel Slideshow</span></a></li>
</ul>
</div>
CSS :
#tabsE {
width: 733px;
margin: -25px 0 0 0;
padding: 0;
position: relative;
}
#tabsE ul {
margin:0;
padding:0;
list-style:none;
width:auto;
float:right;
font:bold 11px Arial,Verdana,Helvetica,sans-serif;
}
#tabsE li {
display:inline;
margin:0;
line-height:1.5em;
}
#tabsE a {
float:left;
background:url("tableftE_1.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url("tabrightE_1.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -42px;
}
#tabsE a:hover span {
background-position:100% -42px;
}
Thank you,
Cory Shubert
<http://www.worldagentdirect.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
