-
Links different in IE and FF
Hi Again! I have looked through the archives and although I can find questions related to this topic, I couldn't find a solution.
The borders around the images are different in IE and FF. These are links and the links are specified in the css. FF seems to be working correctly but IE just shows the standard blue.
Here's the css.
.pagination{
width: 330px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: #888C8F;
padding: 5px 10px;
}
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #00007D;
background: #888C8F;
}
.pagination a:hover, .pagination a.selected{
color: #cccccc;
background-color: #888C8F6;
}
And the code in the page:
<div id="paginate-slider2" class="pagination">
<div align="center"><a href="#" class="toc" style="margin-right 10px"><img src="../images/pic1.jpg" width="75" height="50" hspace="10" vspace="10" /></a><a href="#" class="toc anotherclass" style="margin-right 15px"><img src="../images/pic2.jpg" width="75" height="50" hspace="10" vspace="10" /></a><a href="#" class="toc" style="margin-right 10px margin-left 10px"><img src="../images/pic3.jpg" width="75" height="50" hspace="10" vspace="10" /></a></div>
</div>
I do have another css linked to the page, so wonder if this is causing the problem. This has the followin a: information in it.
a {
font: 80% Helvetica, Verdana, Arial, sans-serif;
background: #ffffff;
color: #439940;
text-decoration:none;
}
a:hover
{
font: 80% Helvetica, Verdana, Arial, sans-serif;
background: #ffffff;
color: #3F3F3F;
text-decoration:none;
Link to the test page here
}
Thank you in advance to anyone who can shed light on this! Nuts
Last edited by Nuts; 05-30-2008 at 08:22 AM.
Reason: Web Address shows in google!
-
-
Hello,
I had the same problem so in my css I added the color for all the pseudo-classes : a:link a:visited a:hover a:active
Christophe
-
-
Hi
Can I ask what you mean by pseudo classes? Just add a generic a:link etc?
Thanks
-
-
(Maybe pseudo-classes is a french term ! ...)
But, yes, add lines as a:hover
Christophe
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Bookmarks