Consigli tecnici per menù drop-down

Salve a tutti,

Sto creando un sito web per la mia band e mi piacerebbe creare un menu drop down di questo tipo: http://newglads.altervista.org/img.jpg

Cioè che una volta passando sul link, sotto appaiano altre due voci di menu. Ovviamente le voci sono un'immagine in trasparenza, per ovvie ragioni, non sono semplice testo.

Ho fatto diversi tentativi e non sono ancora riuscito a trovare una soluzione semplice ma efficace. Ovviamente vorrei utilizzare html/css, se possibile!

Qualcuno di voi può aiutarmi? :)

Grazie in anticipo!

Quali sarebbero le "ovvie" ragioni per avere un'immagine?

Per mostrare qualcosa al passaggio del mouse puoi usare :hover.

Le "ovvie" ragioni erano quelle di avere un pulsante con lo stile che pare a me: century gothic, giusta grandezza, ecc.

Comunque sì, il mio problema non era tanto mostrare qualcosa al passaggio del mouse. Quello che non riesco a fare - per ignoranza, altrimenti non sarei qui a chiedere ;) - è fare in modo che appaiano altre voci menu posizionate in quel modo.

Citazione:

---

Originalmente inviato da newglads

Le "ovvie" ragioni erano quelle di avere un pulsante con lo stile che pare a me: century gothic, giusta grandezza, ecc.

---

Uhm, con font-face non otterresti lo stesso risultato, senza immagini?

Citazione:

---

Originalmente inviato da newglads

Comunque sì, il mio problema non era tanto mostrare qualcosa al passaggio del mouse. Quello che non riesco a fare - per ignoranza, altrimenti non sarei qui a chiedere ;) - è fare in modo che appaiano altre voci menu posizionate in quel modo.

---

Puoi costruire il tuo menù come una lista di liste. Poi posizioni le sottoliste relativamente agli elementi della lista (il menù) principale. All'incirca:

Codice:

---

UL.menu LI { position: relative; }
UL.menu UL { position:relative; top: 30px; }
UL.menu LI { float: left; /* etc, normale menù orizzontale */ }

---

Se serve provo a prepare un esempio più completo.