1. CSS
  2. Flash
  3. HTML
  4. Illustrator
  5. Java
  6. JavaScript
  7. Maya
  8. Photography
  9. Photoshop
  10. PHP
  11. Ruby
  12. Ruby on Rails
  13. 3ds Max

CSS: Simple Hover Menu Links

  1. Clicks today:
    0
  2. Clicks this month:
    0
  3. Overall rating:
    1.67/5

CSS » Basics — almost 10 years ago
Learn how to turn a list into a menu with hovers.

Comments

avatarTb-one.se almost 10 years ago

You have some really unnecessary code here, to get the same result I would do something like this:

menu_set { font-size: 9px; width: 150px; }

/ Cause the height are always set to auto. The font color will be defined in the <a>link and the text is also already aligned to the left. Margin and padding will be cleared in the <ul> /

menu_set ul { margin: 0; padding: 0; list-style: none; }

/ list-style: none will delete the bullet. And same here with the font color /

menu_set li { border-top: 1px solid #666; padding: 2px 3px; }

/ Why are you re-clearing the margin? Hex codes like this needs only 3 letters/numbers /

menu_set li a { color: #000; text-decoration: none; font-weight: bold; }

menu_set li a:hover { color: #B5B5B5; }

/ Text decoration and font weight is already defined /

Your Comment

You must be logged in to post a comment.