Posted By

talkaboom on 12/30/14


Tagged

menu cascading


Versions (?)

Cascading menu


 / Published in: HTML
 

HTML for cascading menu

  1. <!DOCTYPE html>
  2. <html lang = "en">
  3. <title>Cascade Menu</title>
  4. <meta charset = "UTF-8">
  5. <meta name = "author" content = "MB">
  6. <meta name = "viewport" content = "width = device-width, initial scale = 1.0">
  7. <link rel= "stylesheet" type ="text/css" href ="CasMenu.css" />
  8. <!-- Styling Error from <link rel= "stylesheet" type ="text/css" href ="CasMenu1.css" /> -->
  9.  
  10. </head>
  11.  
  12.  
  13. <h2>Navigation Menu</h2>
  14.  
  15. <ul id = "navmenu">
  16. <li><a href = "#">Link 1</a>
  17. <ul class="sublvl1">
  18. <li><a href = "#">Link 1.1</a></li>
  19. <li><a href = "#">Link 1.2</a></li>
  20. <li><a href = "#">Link 1.3</a></li>
  21. </ul>
  22. </li>
  23. <li><a href = "#">Link 2</a></li>
  24. <li><a href = "#">Link 3</a>
  25. <ul class="sublvl1">
  26. <li><a href = "#">Link 3.1</a></li>
  27. <li><a href = "#">Link 3.2</a>
  28. <ul class="sublvl2">
  29. <li><a href = "#">Link 3.2.1</a></li>
  30. <li><a href = "#">Link 3.2.2</a></li>
  31. </ul>
  32. </li>
  33. <li><a href = "#">Link 3.3</a></li>
  34. <li><a href = "#">Link 3.4</a>
  35. <ul class="sublvl2">
  36. <li><a href = "#">Link 3.4.1</a></li>
  37. <li><a href = "#">Link 3.4.2</a></li>
  38. </ul>
  39. </li>
  40. </ul>
  41. </li>
  42. <li><a href = "#">Link 4</a>
  43. <ul class="sublvl1">
  44. <li><a href = "#">Link 4.1</a></li>
  45. <li><a href = "#">Link 4.2</a></li>
  46. <li><a href = "#">Link 4.3</a>
  47. <ul class="sublvl2">
  48. <li><a href = "#">Link 4.3.1</a></li>
  49. <li><a href = "#">Link 4.3.2</a></li>
  50. <li><a href = "#">Link 4.3.3</a></li>
  51. <li><a href = "#">Link 4.3.4</a></li>
  52. </ul>
  53. </li>
  54. </ul>
  55. </li>
  56. <li><a href = "#">Link 5</a></li>
  57. </ul>
  58.  
  59. </body>
  60. </html>

Report this snippet  

You need to login to post a comment.