Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 16
  1. #1
    Senior Member GeZe's Avatar
    Join Date
    Dec 2003
    Posts
    330
    Member #
    4381
    How do I make a div rollover?
    You know, when you go over a div with your mouse, it changes colour.
    -GeZe

  2.  

  3. #2
    Junior Member
    Join Date
    Jan 2004
    Posts
    13
    Member #
    4436
    Give this a shot. In the head tag, or on a style sheet if you prefer, create a style w/ all the changes you want made to the <div> tag on mouse over. Then, use a <div> tag that looks like this:

    <div onMouseOver="this.className='style'" onMouseOut="this.className=''">text here</div>
    where style is the name of the style you created. Also, note that following style is a single quote ('), followed by a double-quote ("). In the mouseout, the end is two single quotes and a double quote, not two double quotes.

  4. #3
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    if your coding for xhtml make sure it's all in lowercase or your code won't validate

    <div onmouseover=... onmouseout=''...>
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  5. #4
    Senior Member GeZe's Avatar
    Join Date
    Dec 2003
    Posts
    330
    Member #
    4381
    thank you alot! the people of these forums are always so helpful !
    -GeZe

  6. #5
    Senior Member Maverick's Avatar
    Join Date
    Sep 2003
    Location
    Hoboken, NJ
    Posts
    351
    Member #
    3253
    could the hover pseudo class be used here?
    www.stevenspoker.com
    "You can't lose what you don't put in the middle, ... but you can't win much either." -Mike McDermott (Rounders)

  7. #6
    Senior Member GeZe's Avatar
    Join Date
    Dec 2003
    Posts
    330
    Member #
    4381
    in IE hover only works in text and images. mozilla supports it though, but how many people are going to visit the site with mozilla? 0.
    -GeZe

  8. #7
    Senior Member Maverick's Avatar
    Join Date
    Sep 2003
    Location
    Hoboken, NJ
    Posts
    351
    Member #
    3253
    oh ok, thanks
    www.stevenspoker.com
    "You can't lose what you don't put in the middle, ... but you can't win much either." -Mike McDermott (Rounders)

  9. #8
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Originally posted by GeZe
    in IE hover only works in text and images. mozilla supports it though, but how many people are going to visit the site with mozilla? 0.
    i use mozilla 1.5 :devious:
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  10. #9
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Mozilla and Firebird (which is based on Mozilla) is becoming explosively popular.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  11. #10
    Senior Member DanielOliver's Avatar
    Join Date
    Jun 2003
    Location
    Cornwall, England.
    Posts
    1,202
    Member #
    1879
    IE is only popular because it comes standard on computers. Mozilla like filburt1 said, is becoming very very popular and should be taken very seriously by designers and webmasters because soon it will be challening IE in the browser wars.

    I for one, use both.
    Daniel.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:47 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com