27. 06. 2011, 13:53

Hallo liebes Forum,

ich habe mir nach dieser Anleitung ein Mega-Menu gebaut: [url=]http://www.sitepoint.com/examples/megadropdowns/completed.html[/url]

Jetzt stehe ich vor dem Problem das alles zu mappen, hier ist der HTML-Quelltext:

  1. <ul class="menu">
  2. <li class="mega">
  3. <h2>
  4. <a href="#">  Start  </a>
  5. </h2>
  6. <div>
  7. <ul class="submenu" style="border: 1 px solid green;">
  8.  
  9. <li class="dgrey"><a href="#" class="slink">Link 1</a></li>
  10. <li class="lgrey"><a href="#" class="slink">Link 2</a></li>
  11. <li class="dgrey"><a href="#" class="slink">Link 3</a></li>
  12. <li class="lgrey"><a href="#" class="slink">Link 4</a></li>
  13. <li class="dgrey"><a href="#" class="slink">Link 5</a></li>
  14. <li class="lgrey"><a href="#" class="slink">Link 6</a></li>
  15.  
  16. <li class="dgrey"><a href="#" class="slink">Link 7</a></li>
  17. </ul>
  18.  
  19. </div>
  20. </li>
  21.  
  22. <li class="mega">
  23. <h2>
  24. <a href="#">  Wir über Uns  </a>
  25.  
  26. </h2>
  27. <div>
  28. <ul class="submenu" style="border: 1 px solid green;">
  29. <li class="dgrey"><a href="#" class="slink">Link 1</a></li>
  30. <li class="lgrey"><a href="#" class="slink">Link 2</a></li>
  31. <li class="dgrey"><a href="#" class="slink">Link 3</a></li>
  32. <li class="lgrey"><a href="#" class="slink">Link 4</a></li>
  33.  
  34. <li class="dgrey"><a href="#" class="slink">Link 5</a></li>
  35. <li class="lgrey"><a href="#" class="slink">Link 6</a></li>
  36. <li class="dgrey"><a href="#" class="slink">Link 7</a></li>
  37. </ul>
  38.  
  39. </div>
  40. </li>
  41.  
  42. <li class="mega">
  43. <h2>
  44. <a href="#">  Kurse  </a>
  45. </h2>
  46.  
  47. </li>
  48.  
  49. <li>
  50. <h2>
  51.  
  52. <a href="#">  Selbsthilfegruppen  </a>
  53. </h2>
  54. </li>
  55. </ul>

Ich weiß echt nicht, wie ich rangehen soll, habe bisher immer nur einfache Navigationen gemappt, jetzt scheitere ich speziell an den LI's die die H2 für den Linktitel und den DIVs, die die Submenus enthalten.

Jeder Tipp oder Link ist sehr willkommen,

danke im Voraus

prosbaer