Results 1 to 4 of 4

Thread: Links different in IE and FF

  1. #1
    Join Date
    May 2008
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default 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!

  2. #2
    Join Date
    Apr 2008
    Location
    France
    Posts
    12
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    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

  3. #3
    Join Date
    May 2008
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hi

    Can I ask what you mean by pseudo classes? Just add a generic a:link etc?

    Thanks

  4. #4
    Join Date
    Apr 2008
    Location
    France
    Posts
    12
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    (Maybe pseudo-classes is a french term ! ...)

    But, yes, add lines as a:hover

    Christophe

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •