The menu above was made using the code:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <style type="text/css">
  5. #da-body {
  6. background-color:#A6734A;
  7. width:440px;
  8. }
  9. #da-menu {
  10. list-style-type:none;
  11. width:220px;
  12. }
  13. div#da-body ul#da-menu li:hover {
  14. background-color:#BFB6AF;
  15. }
  16. div#da-body ul#da-menu li a {
  17. font-size:180%;
  18. line-height:220%;
  19. color:#FAEAF3;
  20. text-decoration:none;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div id="da-body">
  26. <ul id="da-menu">
  27. <li><a href="#">Home</a></li>
  28. <li><a href="#">Gnome</a></li>
  29. <li><a href="#">Rome</a></li>
  30. </ul>
  31. </div>
  32. </body>
  33. </html>