Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: display info on mouseover in CSS

Bottom of Page

1 to 8 of 8

  1.  
    • CommentAuthorparo
    • CommentTimeJan 2nd 2006
     permalink
    Is it possible to display info on mouseover a text link or image link??
    • CommentAuthoradmin
    • CommentTimeJan 2nd 2006 edited
     permalink
    alt="" and title="" attributes are precisely for that purpose.
    • CommentAuthorparo
    • CommentTimeJan 3rd 2006
     permalink
    Thanks for info..

    I want to display around 200 to 400 characters with color border.
    •  
      CommentAuthortsk
    • CommentTimeJan 3rd 2006
     permalink
    I'm not sure if alt and title can be styled with css. Can anyone comment on this please
    • CommentAuthordemwunz
    • CommentTimeJan 3rd 2006
     permalink
    you can try defining a certain area of the page. you might need to use a little javascript. something like:

    onmousover="mydiv.class.showinfo"
    onmouseout.="mydiv.class.defaultinfo"

    define the classes in your css stylesheet. just swap the z-index of the layer, or hide and show as you want. to streamline the javascript you might want to write a small function, which passes an id through

    onmouseover="swapinfo(1)"

    if you dont want to use a dfined area you can look for some tooltip scripts already written...
    •  
      CommentAuthornifkin
    • CommentTimeJan 3rd 2006
     permalink
    if you dont want to use a dfined area you can look for some tooltip scripts already written...

    this is one of the more recent ones that's VERY simple to implement.
    • CommentAuthorhebel
    • CommentTimeFeb 9th 2006
     permalink
    • CommentAuthormista3
    • CommentTimeFeb 9th 2006 edited
     permalink

1 to 8 of 8

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page