02-01-2010
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:
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►<ul class="niveau1">
[fil]
<li><a href="">
FORSIDE</a></li> <!-- knap1 -->
[sti/fil]
<li class="sub"><a href="">
TAXONOMI</a><!-- knap2 -->
[sti/fil]
<ul class="niveau2"> <!-- næste kolonne under knap2 -->
<li><a href="">
Linné</a></li>
[sti/fil]
<li><a href="">
Reglerne</a></li>
[sti/fil]
<li class="sub"><a href="">
Placeringer</a>
[sti/fil]
<ul class="niveau3"> <!-- 3.die kolonne under knap2.3 -->
<li><a href="">
Fisk</a></li>
[sti/fil]
<li><a href="">
Planter</a></li>
[sti/fil]
<li><a href="">
Koraller</a></li>
</ul> <!-- slut på niveau3 -->
</li>
</ul> <!-- slut på niveau2 -->
</li>
</ul> <!-- slut på niveau1 -->
<ul class="niveau1"> <!-- start på niveau1 (igen) -->
[fil]
<li><a href="">
BOTANIK</a></li> <!-- knap4 -->
[fil]
<li><a href="">
GEOGRAFI</a></li> <!-- knap5 -->
</ul> <!-- slut på niveau1 (igen) -->niveau1
er således alle de knapper som altid er synlige...
powered by FreeFind |
|