how to make a Vertical menu + mouseover shows description?

Discussion in 'CSS' started by TheSites, Feb 12, 2009.

  1. #1
    So I have a background image:
    [​IMG]
    I would like to have a vertical menu of 6 links on the sticky-note and 4 of the links (the middle 4) would show a description on the strip of paper when moused over. Can anyone help me out with the coding here please?

    Edit: Never mind I figured it out :) tough stuff.
     
    TheSites, Feb 12, 2009 IP
  2. unigogo

    unigogo Peon

    Messages:
    286
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Just use CSS, something like this.

    HTML

    <ul>
    <li><a href="#">product <span>description of the product</span></a></li>
    </ul>
    Code (markup):
    CSS

    ul a span {display:none}
    ul a:hover span {display:block; position:absolute; top:xxx;left:xxx}
    Code (markup):
     
    unigogo, Feb 12, 2009 IP