Weird mouseover…

  • john1000

    (@john1000)


    19 years, 5 months ago

    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)
  • moshu

    (@moshu)

    19 years, 5 months ago

    Because this is the correct order:
    link
    visited
    active
    hover

    moshu

    (@moshu)

    19 years, 5 months ago

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

    Thread Starter john1000

    (@john1000)

    19 years, 5 months ago

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

    Joshua Sigar

    (@alphaoide)

    19 years, 5 months ago

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

    NuclearMoose

    (@nuclearmoose)

    19 years, 5 months ago

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

    Joshua Sigar

    (@alphaoide)

    19 years, 5 months ago

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

    Thread Starter john1000

    (@john1000)

    19 years, 5 months ago

    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 🙁

    solvingnormal

    (@solvingnormal)

    19 years, 5 months ago

    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.