Forum Moderators: not2easy

Message Too Old, No Replies

Works in IE but not FF

Can't get an image to display

         

macz_g

5:51 pm on Apr 23, 2007 (gmt 0)

10+ Year Member



I have the code as outlined below. It works in IE6 but I can't get the left tab image to display on active. Any help would be fantastic.

/*- Global nav-------------------------- */

#global-nav {
float:left;
width:760;
background:#FFF;
font-size:100%;
line-height:normal;
}
#global-nav ul {
margin:0;
padding:10px 100px 0 10px;
list-style:none;
}
#global-nav li {
display:inline;
margin:0;
padding:0 0 0 0;
}
#global-nav a {
float:left;
background:url("tableftI.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}
#global-nav a span {
float:left;
display:block;
background:url("tabrightI.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#012358;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#global-nav a span {float:none;}
/* End IE5-Mac hack */
#global-nav a:hover span {
color:#012358;
text-decoration:underline;
}

#global-nav a#activetab span {
background-position:100% -27px;color: #FFF;
}

#global-nav a:link#activetab, #global-nav a:visited#activetab, {
background-position: 0% -27px;
}

</style>
</head>

<body>

<div id="global-nav">
<ul>
<li><a id="activetab" href="#" title="Link 1"><span>Home</span></a></li>
<li><a id="activetab" href="#" title="Link 2"><span>Travel</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Insurance</span></a></li>
<li><a href="#" title="Link 3"><span>Cars &amp; Car Care</span></a></li>
<li><a href="#" title="Link 5"><span>Membership</span></a></li>
<li><a href="#" title="Link 6"><span>Newsroom</span></a></li>
<li><a href="#" title="Link 7"><span>Your Profile</span></a></li>
</ul>
</div>

JAB Creations

1:50 am on Apr 24, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'm not exactly sure what the problem is. Also be sure to post a full fledged minimal test case (including the opening html, head, and style elements as well as the closing ones).

I saw no difference between IE6 and Firefox 2.

- John

SuzyUK

7:58 am on Apr 24, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



#global-nav a:link#activetab, #global-nav a:visited#activetab, {
background-position: 0% -27px;
}

remove that stray comma from the end of that rule.. does that help?

Suzy

macz_g

3:24 pm on Apr 24, 2007 (gmt 0)

10+ Year Member



Thanks SuzyUK, that was the issue. One of those times where you stare at code for hours.

So grateful for the help.