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
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    On text mouseover show more text?

    A couple of requests:

    1
    I'm making a website, and when the user hovers over the words "contact" and "about" I want a small piece of text to show below. For example, when the user hovers over "contact" my email address can be shown below. Is it possible to do this using just CSS and HTML?

    2
    Alternatively, when the user hovers over one of the words, can the email address replace an image?

    Thanks very much!
    Last edited by SilverVishnu; 09-30-2007 at 05:18 PM.

  • #2
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    I guess you would need some javascript to archieve that..

  • #3
    Regular Coder BWiz's Avatar
    Join Date
    Mar 2006
    Location
    Sol System
    Posts
    471
    Thanks
    7
    Thanked 21 Times in 21 Posts
    You could use background-images and psudeo-classes. Though FF only truly supports psudeo-classes other than the <a> element. Not too sure about IE7, I don't use them often.
    BWiz :: Happy Coding!
    2006
    2007 2008 2009
    2010 2011
    Irrational numbers make no sense.

  • #4
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    http://www.cssplay.co.uk/menus/hovercraft.html

    About two thirds of the way down the page. The fifth link.

    or http://www.jlhaslip.com/samples/tooltips/ is another approach.

  • #5
    Regular Coder
    Join Date
    Oct 2005
    Location
    Newberg, Oregon
    Posts
    252
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I did this at m.c.g-llc.net, (no periods), with the checkout and shopping cart buttons.

    Check the cSS out.


  •  

    Posting Permissions

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