Button hyperlink problem

Discussion in 'HTML & Website Design' started by geekazoid, Jun 24, 2006.

  1. #1
    Im trying to make a horizontal navigational menu similar to the one this this website near the top

    http://www.weebls-stuff.com

    Notice it has words which change colour as the mouse is placed over it and it also has no hyperlink underline on it. Does anyone know how to do this ?
     
    geekazoid, Jun 24, 2006 IP
  2. Dreamchaser

    Dreamchaser Well-Known Member

    Messages:
    745
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Dreamchaser, Jun 24, 2006 IP
  3. rosytoes

    rosytoes Peon

    Messages:
    230
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    simple mouse over can be achieved by css alone.
    a, a:hover {text-decoration: none;}
    Code (markup):
    will get rid of the underline.
    a:hover {color: #FFF;}
    Code (markup):
    will change the text to white when the cursor is over it.
     
    rosytoes, Jun 24, 2006 IP
  4. TechnoGeek

    TechnoGeek Peon

    Messages:
    258
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hello, geekazoid.
    You can achieve that effect using CSS. In a separate styles.css file or in the HEAD section using the <STYLE> tag, put this:

    A.menu {
    font-weight: bold;
    text-decoration: none;
    font-size: 10pt;
    color: #000000;
    }
    A.menu:hover {
    color: red
    }

    Then code the links in the menu like this:

    <A class="menu" href="...">A menu option</A>

    When the mouse cursor passes over the link, the link's color will change from black to red.
     
    TechnoGeek, Jun 25, 2006 IP