Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    Sep 2002
    Location
    Calgary, AB
    Posts
    179
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Is it possible...

    Is it possible to apply this code
    <style><!--a:hover{color:FFFFFF; }--></style>

    to different links?

    For example have some links on the page change to white when the mouse is over them, but other link don't change color when the mouse goes over them?

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Posts
    1,404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    <html>
    <head>
    <title>untitled</title>
    <style type="text/css">

    a:hover.hoverlink {
    color: #ffffff;
    }

    </style>
    </head>
    <body>
    <a class="hoverlink" href="foo.htm">hover link</a><br>
    <a href="bar.htm">no hover link</a>
    </body>
    </html>

  • #3
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    ok enough is enough, what is foobar? I have seen it everywhere and I can make no sense of it. It is driving me insane.
    Omnis mico antequam dominus Spookster!

  • #4
    Senior Coder Nightfire's Avatar
    Join Date
    Jun 2002
    Posts
    4,265
    Thanks
    6
    Thanked 48 Times in 48 Posts
    Originally posted by Mhtml
    ok enough is enough, what is foobar? I have seen it everywhere and I can make no sense of it. It is driving me insane.
    Take your pick

    http://www.webopedia.com/TERM/F/foobar.html

    http://www.tuxedo.org/~esr/jargon/ht...ry/foobar.html

  • #5
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Just adding a bit more adios, hope you don't mind


    <style type="text/css">
    a:hover.hoverlink { color: #ffffff; }
    a:hover.link2 { color: #00FF00; }
    a:hover.link3 { color: #FFFF00; }
    a:hover.link4 { color: #FF0000; }
    a:hover.link5 { color: #00FFFF; }
    </style>


    <a class="hoverlink" href="foo.htm">hover link</a><br>
    <a href="bar.htm">no hover link</a><BR>
    <a class="link2" href="foobar.htm">Green link</a> <BR>
    <a class="link3" href="foofoobar.htm">Yellow link</a> <BR>
    <a class="link4" href="foobarbar.htm">Red link</a> <BR>
    <a class="link5" href="foobarfoo.htm">Cyan link</a> <BR>

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Posts
    1,404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    Actually:

    F***ed Up Beyond All Recognition.

    Kind of like SNAFU:

    Situation NORMAL - All F***ed Up...

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    paris, france
    Posts
    1,216
    Thanks
    0
    Thanked 0 Times in 0 Posts
    FOO! got anything to do with the Foo fighters (the band)?
    photoshop too expensive? use the GIMP! www.gimp.org

  • #8
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    400
    Thanks
    2
    Thanked 30 Times in 30 Posts
    If the page is sectioned with different color schemes then you can regionalize the effect by scoping the class:

    if you set style this way:

    .class1 a:hover { color:#ffffff}

    Then you can do this:

    <span class="class1">
    <a etc....> will inherit class
    <a etc....> will inherit class
    all kinds of other stuff
    <a etc....> will inherit class
    </span>
    <a etc....> will NOT inherit class
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •