Announcement

Collapse
No announcement yet.

Css hover does not change underline color

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Css hover does not change underline color

    I have hard coded some links in my navigation bar aswell as using some of the variables such as NETQUOTEVAR:NAVBHOME

    I am trying to get the code to refer to the actinic.css using for instance
    <a href="Contact.html"><span class="actnavmenu">Contact Us</span></A>

    It picks up the detail from actnavmenu in the actinic.css file but will not pick up the detail for the hover where I have
    .actnavmenu:hover{
    font-weight:bold;
    font-size:12px;
    color:#FFFFFF;
    }

    It seems to continue to pick up the detail from

    a:hover{

    color:NETQUOTEVAR:HLINKCOLORCSS;
    font-size:x-small;
    text-decoration:underline;

    in the actinic.css file

    Is there anyway to make sure it takes the individual detail from the css argument that I have put in the css file rather than what seems to be a global setting for the underline function on hover.

    thanks for any help

    #2
    Specifiy your hover class in the <a> tag rather than the SPAN tag.
    i.e.
    <a href="Contact.html" class="actnavmenu">Contact Us</A>

    You should also declare the other states for the link in the CSS as well to ensure that it takes the correct font propoerties through all states.
    e.g.
    a.actnavmenu:link, a.actnavmenu:visited, a.actnavmenu:hover,a.actnavmenu:active{
    font-weight:bold;
    font-size:12px;
    color:#FFFFFF;
    }
    Fergus Weir - teclan ltd
    Ecommerce Digital Marketing

    SellerDeck Responsive Web Design

    SellerDeck Hosting
    SellerDeck Digital Marketing

    Comment


      #3
      thanks

      Thanks very much for your help that solved the problem that had me stuck for
      days.

      Comment

      Working...
      X