Het menu van Tweakers.net is zeer interresant maar dit zal niet alleen basis CSS zijn.

Bij het overgaan van "pricewatch" - "archieven" etc menu knoppen verschijnt er een nieuwe onderlaag met menu items.
Tegelijketijd krijgt het zichtbare menu ondrlaag de classe : active

active is een class die ervoor zorgt dat de gekozen li zichtbaar word.
waardoor de rest min of meer ontzichtbaar blijft.


Maar hoe zit dat technisch in elkaar.?



Met puur CSS alleen kom ik er niet uit.
Of denk ik nu verkeerd
*bump*


edit: was binnen 24 uur, :$ my bad
[edit]

Sorry foutje, te snel gelezen.

[edit2]

Wat jij zoekt is een CSS Dynamic Menu volgens mij, Google er maar eens op.
ik vecht op dit moment met een manier om op index.php en filmpjes.php de submenu vasttehouden, ook als je niet met je muis erover heen gaat.

Ik heb mijn <body class="index"> / <body class="filmpjes"> genoemd en dat verwijst ook naar het css:

.home #navbar #home li ul a,
.klacht #navbar #klacht li ul a,
.filmpjes #navbar #filmpjes li ul a,
.media #navbar #media li ul a,
.score #navbar #score li ul a,
.supermarkten #navbar #supermarkten ul a {
left: auto;
}

aangezien in ruststand:

#navbar li ul {
top: 10px;
font-size: 0.9em;
position: absolute;
left: -999em;
}

Haal ik bij bovenstaande die left hack weg dan zie je van alle submenu's op iedere pagina :S

Reageren