Web Analytics Made Easy -
StatCounter a:hove giving me trouble - CodingForum

Announcement

Collapse
No announcement yet.

a:hove giving me trouble

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new 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; Apr 13, 2009, 04:00 PM.

  • #2
    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

    Comment


    • #3
      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.

      Comment


      • #4
        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

        Comment

        Working...
        X