I have created some CSS tabs and for some reason the cursor doesn't
change to show that they are links when you mouse over them.
I applied the hand cursor style to them and that works in Mozilla, but
not in IE. Is there any other solution that I don't know about?
See my code below:
<div id="headlinesBox">
<div id="newsTabs">
<ul>
<li><a id="lnk_wp"
onclick="showNews('WebUserControl_news1_dl_wp');">WashPost</a></li>
<li><a id="lnk_agnews"
onclick="showNews('WebUserControl_news1_dl_agnews');">AgNews</a></li>
<li><a id="lnk_fed"
onclick="showNews('WebUserControl_news1_dl_fed');">Fed Diary</a></li>
<li><a id="lnk_local"
onclick="showNews('WebUserControl_news1_dl_local');">Local</a></li>
</ul>
</div>
<div id="newsLinksBox">
<!-- TOP NEWS STORIES -->
<uc3:WebUserControl_news
id="WebUserControl_news1" runat="server"></uc3:WebUserControl_news>
</div>
</div>
And here are the styles:
#newsTabs {
float: left;
margin-left: 1px;
padding: 0px;
width: 230px;
}
#newsTabs ul{
list-style-type: none;
margin: 0;
padding-bottom: 20px;
font: bold 9px Arial, Helvetica, sans-serif;
}
#newsTabs li {
float: left;
height: 20px;
color: #000000;
padding-bottom: 0px;
margin: 0px 0px 0 1px;
border-left: 1px solid #9b988f;
background: url(/images/tabBG.gif) 100% 0 no-repeat transparent;
font: bold 9px Arial, Helvetica, sans-serif;
}
#newsTabs a {
display: block;
color: #000000;
text-decoration: none;
/*border-bottom: 1px solid #9b988f;*/
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
padding-right: 15px;
background: url(/images/tabBG.gif) 100% 0 no-repeat white;
font: bold 9px Arial, Helvetica, sans-serif;
}
#newsTabs a:hover {
display: block;
cursor: hand; /*Here is the cursor that I have applied*/
color: #000000;
text-decoration: none;
/*border-bottom: 1px solid #9b988f;*/
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
padding-right: 15px;
background: url(/images/tabBG.gif) 100% 0 no-repeat #dde2dc;
font: bold 9px Arial, Helvetica, sans-serif;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
