Weird mouseover…

  • Ok i found a funny mouseover like this….

    a:link, a:visited { color: red; }
    a:hover { color: red; position: relative; top: 1.5px; left: 1px; }
    a:active { color: red; }

    For those who has knowledge of this it should be easy but not for me….
    Ive added it to my css and looks funny and all but on mouseover it does move but no colors !
    I want the background colored of a link as i “mouseover it”
    Anyone can tell me why it doesnt show any mouseover color and to what should i change it ?
    Thanks for any help…

Viewing 8 replies - 1 through 8 (of 8 total)

  • Because this is the correct order:
    link
    visited
    active
    hover

    oops… I am too tired (or getting older and the memory fades?)

    Thread Starter john1000

    (@john1000)

    ok thanks,il try to figure it out.
    i just copied it as i found it…
    asuming it was okay…

    hmm. I thought he was asking about background color
    a:hover {
    background-color: pink;
    }

    moshu,
    I only remember because of the mnemonic…guess us old guys need all the help we can get.

    You didn’t look at my code at all??

    Thread Starter john1000

    (@john1000)

    yeah your right……
    ive put in yours and that works so thanks…BUT…ha…ha..
    i do want it in coimbination with the “moving” part ??

    John – You just need to add alphaoide’s code to your css. The links NuclearMoose gave you will explain to you how you can do things like this.
    Like this:
    a:link {
    color: red;
    }
    a:visited {
    color: blue;
    }
    a:hover {
    color: red;
    position: relative;
    top: 1.5px;
    left: 1px;
    background-color: pink;
    }
    a:active {
    color: blue;
    }

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Weird mouseover…’ is closed to new replies.