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 4 of 4
  1. #1
    New Coder
    Join Date
    Sep 2008
    Posts
    37
    Thanks
    5
    Thanked 0 Times in 0 Posts

    a:hove giving me trouble

    a:hover not working in ie works great in ff


    body
    {
    margin: 0px;
    text-align: left;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #BDDEFF;
    min-width:980px;
    }

    .navigation{
    width:20%;
    margin: 5px 5px 0px 5px;
    border:solid 1px #6394CE;
    background-color:#ffffff;
    float:left;
    vertical-align:bottom;
    position:relative;
    }
    .navPanel{
    padding:10px;
    height:10%;
    }
    .navPanel {
    padding:5px 5px;
    display:block;
    color:#000000;
    border:solid 1px #ffffff;
    text-decoration:none;
    }
    .navPanel{
    background-color:#FFE88C;
    border:solid 1px #D69C00;
    }
    .navSeparator{
    height:10px;
    background-image:url('images/nav_separator.png'); background-repeat:repeat-x; background-position:center;
    }
    .navSelect{
    position:absolute;
    width:100%;
    }
    a{
    display:block;
    padding:5px;
    background-image:url('images/nav_link.png'); background-repeat:repeat-x;
    font-weight:bold;
    text-decoration:none;
    color:#000000;
    cursorointer
    }
    a:hover{
    background-image:url('images/nav_link_hover.png'); background-repeat:repeat-x;
    }
    Last edited by Mthor; 04-13-2009 at 10:00 PM.

  • #2
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    There's no reason your code shouldn't be working in IE, given your CSS above. The only thing I could think it would be is stacking order given that you're using absolute positioning. In other words, something could have a higher z-index than the element :hover is applied to and thus block it. IE's perception of stacking order sometimes differs from the standards-compliant browsers'.

    For further assistance, please post ALL your code (HTML and CSS) or a link to your page (preferred). And wrap your code in [CODE][/CODE] tags as well.
    matt | design | blog

  • #3
    New Coder
    Join Date
    Jun 2008
    Posts
    81
    Thanks
    2
    Thanked 16 Times in 16 Posts
    One possible reason for mysteriously non-functional rollovers in Internet Explorer is the absence of the href attribute in the rollover anchors. IE will not do the rollover without <a href="#"> whereas most other browsers will do the rollover regardless.

  • Users who have thanked auslin for this post:

    Mthor (04-14-2009)

  • #4
    New Coder
    Join Date
    Sep 2008
    Posts
    37
    Thanks
    5
    Thanked 0 Times in 0 Posts
    auslin you were correct. I was doing a onclick in extjs

    <a onClick="parent.Ext.getCmp('center-panel').setSrc('http://www.google.com');"><img src="images/BarChart.png" alt="" />Training</a>

    sry about the code tags I did have it in there then I edited my post but I should of posted that link. thanks guys


  •  

    Posting Permissions

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