02-01-2010

Menu´en - side 2 - HTML´en

Vi skal nu skrive HTML-koden dér hvor vi vil have vores menu, og i dette tilfælde er det jo i min venstre kolonne, som jeg har døbt leftcol.

Nedenstående HTML-kode er den jeg har brugt til menuen, så du kan "efterprøve" det med musen. Men for overskuelighedens skyld skriver jeg kun koderne til: knap1; knap2 (med underknapper); knap4 og knap5 - det må være nok...

Here goes:

<ul class="niveau1">
 <li><a href="
[fil]">FORSIDE</a></li> <!-- knap1 -->
 <li class="sub"><a href="
[sti/fil]">TAXONOMI</a><!-- knap2 -->

  <ul class="niveau2"> <!-- næste kolonne under knap2 -->
   <li><a href="
[sti/fil]">Linné</a></li>
   <li><a href="
[sti/fil]">Reglerne</a></li>
   <li class="sub"><a href="
[sti/fil]">Placeringer</a>

    <ul class="niveau3"> <!-- 3.die kolonne under knap2.3 -->
     <li><a href="
[sti/fil]">Fisk</a></li>
     <li><a href="
[sti/fil]">Planter</a></li>
     <li><a href="
[sti/fil]">Koraller</a></li>
    </ul> <!-- slut på niveau3 -->

   </li>
  </ul> <!-- slut på niveau2 -->

 </li>
</ul> <!-- slut på niveau1 -->

<ul class="niveau1"> <!-- start på niveau1 (igen) -->
 <li><a href="
[fil]">BOTANIK</a></li> <!-- knap4 -->
 <li><a href="
[fil]">GEOGRAFI</a></li> <!-- knap5 -->
</ul> <!-- slut på niveau1 (igen) -->

niveau1 er således alle de knapper som altid er synlige...


Nu skal vi se på hvordan man laver "pop-up"-boksen, med den korte beskrivelse af kategoriens indhold, og vi starter med css´en på næste side