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 5 of 5

Thread: mouse over

  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Posts
    271
    Thanks
    4
    Thanked 0 Times in 0 Posts

    mouse over

    i am looking for a script to do a mouse over to change the color of the background and text color in the same cells


    Thxs Steve

  • #2
    New Coder
    Join Date
    Jun 2002
    Location
    Glasgow, Scotland
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Stevan

    You could do this quite simply using CSS and the 'a' tag.

    #button a {color: white; background-color: red;}
    #button a:hover {color: red; background-color: yellow;}


    Then you call them up using the div tag:

    <div id="button"><a href="#">blah</a></div>

    This should work ok

    meerkat
    Ya don't need a weatherman to know
    which way the wind blows...

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Posts
    344
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Are you looking to change the background and text colour when you mouse over a link? Or when you mouse over the cell.

    The code meerkat gave you will only change something when the user rolls their mouse over a link inside the <div>

    ~Quack

  • #4
    Regular Coder
    Join Date
    May 2002
    Location
    Helsinki, Finland
    Posts
    231
    Thanks
    0
    Thanked 1 Time in 1 Post

    Exclamation

    Whenever you're looking for scripts, you should post to forums about scripting problems. Here, we handle and discuss about problems related to mark-up, document structures and style definitions.

    In this particular case you were successful: hovering is done with CSS just like stevan advised.
    Note, that NN4 don't support pseudo-classes, thus hovering isn't working.
    Zvona
    First Aid for
    Web Design

  • #5
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    Originally posted by QuackHead
    The code meerkat gave you will only change something when the user rolls their mouse over a link inside the <div>
    Though if everyone finally realized how horrible IE is, we can all go like:

    div:hover {
    background: bla;
    }

    Because Gecko, Opera, and I'm pretty sure Konqueror all support the :hover pseudo-class on elements other than <a>.


  •  

    Posting Permissions

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