Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2008
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    ie links jump around

    i am working on a page using a mix of css and tables (yeah i know ) and am having difficulty with links moving when i hover over them in internet explorer. works fine in firefox.
    page can be viewed here
    stylesheet is here

    any help would be appreciated.

  • #2
    New to the CF scene
    Join Date
    May 2008
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Update: I've made it work using a rather ugly hack throwing this into the HTML:
    Code:
    <!--[if IE]>
    <style>
    #navigation a{
    font-family:Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    font-size:16px;
    color: #999999;
    text-decoration: none;
    padding-left:10px;
    padding-right:10px;
    margin:0;
    }
    #navigation a:hover{color: #999999;
    background: #333333 url('images/rounded_01.gif') left top no-repeat;
    }
    #navigation a:hover span{
    background: url('images/rounded_03.gif') right top no-repeat; 
    padding-right:0px;
    </style>
    <![EndIf]-->
    Compared to the original stylesheet, the "padding-right" values in "#navigation a" and "#navigation a:hover span" are switched. I tried doing that in the stylesheet but it buggered up Firefox rendering. Any less messy options available?
    Last edited by el_muerte2; 05-08-2008 at 09:43 PM. Reason: cleanup


  •  

    Posting Permissions

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