menu a due livelli con soli css

[Sifr]

Ciao,
vorrei realizzare una specie di menu a 2 livelli senza utilizzare javascript.

Praticamente ho una serie di semplici link:

1
2
...

disposti uno sotto l'altro. Nella stessa pagina vi è un'area dove vorrei comparissero 2 righe che descrivano questi link quando il mouse ci passa sopra (ai link).

Avevo pensato di creare ad hoc dei div da posizionare in quest'area :

<div class="primodiv"> descrizione link 1.html </div>
<div class="secondodiv"> descrizione link 2.html </div>
...

e quindi nasconderli:

.primodiv { display: none; }
.secondodiv { display: none; }
...

Ora, modificando il comportamento di primolink.a:hover vorrei impostare a "block" la proprietà "display" del div .primodiv... E' possibile?


Avevo trovato questo esempio di menu, che però fa uso di <ul> e[*] che richiedono javascript per IE (sempre lui a rompere le balle....): http://www.alistapart.com/articles/horizdropdowns/

Visto che non necessito di utilizzare delle liste per raccogliere i link, ho pensato si potrebbe trovare una soluzione con esclusivamente i fogli di stile. Che dite?

[simulacron]

Link alternativo (collegamento all'archivio zip in seconda riga sotto l'immagine); si presuppone che tu sappia almeno leggere e scrivere (è una battuta.... ).
Se guardi in alto dovrebbero esserci anche un'errata-corrige e aggiornamenti....

Spero che ti serva.....

Scarica l'archivio zip in questione e studiatelo:

1. i menu sono nella cartella relativa al capitolo 5....
2. le impaginazioni in quella del capitolo 4....
3. .....vado a memoria.....

[Sifr]

bel libro, comunque: http://meyerweb.com/eric/css/edge/popups/demo.html


solo non capisco una cosa: perchè dovrei saper scrivere? Per leggere adesso non basta neanche più saper leggere?