Thread: Rollover links

  1. #1
    Registered User
    Join Date
    Apr 2002
    Posts
    23

    Rollover links

    Hi, how do I create links that will change colors when I move the mouse over them?

    Thanks.

  2. #2
    It's full of stars adrianxw's Avatar
    Join Date
    Aug 2001
    Posts
    4,829
    Research the Cascading Style Sheet "Hover" directive. Not all browser support this feature.
    Wave upon wave of demented avengers march cheerfully out of obscurity unto the dream.

  3. #3
    Microsoft. Who? MethodMan's Avatar
    Join Date
    Mar 2002
    Posts
    1,198
    I have that on my web page.

    Check out:

    http://www.geocities.com/andy_moog35/artbottom

    And put your mouse over the article titles, to see if thats what you want.

    Code:
    <a href = "http://www.???.html" style = "text-decoration:none"><FONT COLOR="#00008B" onMouseOver="this.style.color = '#FF8C00'" onMouseOut="this.style.color = '#00008B'">* Whatever you want the text as </font></a>
    style = "text-decoration:none"

    That will make the link without a line underneath it.
    -MethodMan-

    Your Move:Life is a game, Play it; Life is a challenge, Meet it; Life is an opportunity, capture it.

    Homepage: http://www.freewebs.com/andy_moog/home.html

  4. #4
    C++ Developer XSquared's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada
    Posts
    2,718
    Actually, onMouseOver should be all lower-case, to comply with the standards.
    Naturally I didn't feel inspired enough to read all the links for you, since I already slaved away for long hours under a blistering sun pressing the search button after typing four whole words! - Quzah

    You. Fetch me my copy of the Wall Street Journal. You two, fight to the death - Stewie

  5. #5
    Microsoft. Who? MethodMan's Avatar
    Join Date
    Mar 2002
    Posts
    1,198
    >>Actually, onMouseOver should be all lower-case, to comply with the standards.

    Hey, I took that from another site, and used it on mine.

    It works
    -MethodMan-

    Your Move:Life is a game, Play it; Life is a challenge, Meet it; Life is an opportunity, capture it.

    Homepage: http://www.freewebs.com/andy_moog/home.html

  6. #6
    Registered User FloatingPoint's Avatar
    Join Date
    Jun 2003
    Posts
    191
    THIS should get you going in no time
    Come cast your shadow over me
    and I'll cast mine all over thee
    Take me away, into the shades
    where there is no light of day

  7. #7
    Registered User major_small's Avatar
    Join Date
    May 2003
    Posts
    2,787
    HTML != standards;

    i like how you can half-write an HTML page and it'll still load as if nothing is wrong...
    Join is in our Unofficial Cprog IRC channel
    Server: irc.phoenixradio.org
    Channel: #Tech


    Team Cprog Folding@Home: Team #43476
    Download it Here
    Detailed Stats Here
    More Detailed Stats
    52 Members so far, are YOU a member?
    Current team score: 1223226 (ranked 374 of 45152)

    The CBoard team is doing better than 99.16% of the other teams
    Top 5 Members: Xterria(518175), pianorain(118517), Bennet(64957), JaWiB(55610), alphaoide(44374)

    Last Updated on: Wed, 30 Aug, 2006 @ 2:30 PM EDT

  8. #8
    C++ Developer XSquared's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada
    Posts
    2,718
    >>i like how you can half-write an HTML page and it'll still load as if nothing is wrong...
    It will work in IE, in most cases, but not in all browsers, like Mozilla.
    Naturally I didn't feel inspired enough to read all the links for you, since I already slaved away for long hours under a blistering sun pressing the search button after typing four whole words! - Quzah

    You. Fetch me my copy of the Wall Street Journal. You two, fight to the death - Stewie

  9. #9
    Student Forever! bookworm's Avatar
    Join Date
    Apr 2003
    Posts
    132
    Go to htmlgoodies.com > Buttons.
    You'll find what u need there.

  10. #10
    Registered User
    Join Date
    Jul 2003
    Posts
    10
    HTML != standards;

    i like how you can half-write an HTML page and it'll still load as if nothing is wrong...
    It's probably to make it idiot proof. Besides...you can compare it to this: void main() works, but that doesn't mean you should use it.

  11. #11
    5|-|1+|-|34|) ober's Avatar
    Join Date
    Aug 2001
    Posts
    4,429
    Code:
    <style>a:hover{color:red}</style>
    Put that between your header tags so you don't have to add the stupid mouseover to each link.

Popular pages Recent additions subscribe to a feed

Similar Threads

  1. Magnet Links
    By anirban in forum Tech Board
    Replies: 3
    Last Post: 12-08-2007, 08:07 AM
  2. Binary Search Trees Part III
    By Prelude in forum A Brief History of Cprogramming.com
    Replies: 16
    Last Post: 10-02-2004, 03:00 PM
  3. Request for comments
    By Prelude in forum A Brief History of Cprogramming.com
    Replies: 15
    Last Post: 01-02-2004, 10:33 AM
  4. Creating URL links
    By Hexxx in forum C Programming
    Replies: 11
    Last Post: 12-31-2003, 10:52 AM
  5. Useful Links
    By neandrake in forum C++ Programming
    Replies: 1
    Last Post: 03-11-2002, 03:29 PM