menu orizzontale con rollover su testo

[Nicolablu]

Salve a tutti vorrei realizzare un menu orizzontale contenente esclusivamente testo, e che abbia un po' di css per gestire il rollover.

In allegato trovate la foto dell'evento rollover attivato e dell'evento rollover non attivato (primo bottone).


Il div principale dovrebbe avere questo codice

    div#navbar {
    height: 70px;
    width: 1000px;
    background-color: #ddd;
    margin-top: 20px;
    border-top: 3px solid #8d8d8d;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
} 

mentre nel momento del rollover dovrebbe cambiare il colore del border-top.

mi piacerebbe anche che il totale dei bottoni assumino lo spazio totale dei 1000 px di spazio disponibile. (quindi ad esempio se sono 5 bottoni che si prendano esattamente il 20% dello spazio in width).

Il problema che ho avuto nel sviluppare il menu, è che l'ho fatto tramite UL e LI, tuttavia se usavo due righe per bottone (come nell'immagine) mi sfasava tutto il dimensionamento in altezza.
avrei anche bisogno di definire due tipi di testo per il menu in modo che all'hover riesco a colorarle in maniere diverse.

Aiutatemi voi ... grazie mille in anticipo, ciao ragazzi

[gengix]

Senza vedere il codice che hai fatto diventa difficile dirti dove intervenire.

Cmq guarda qui:

http://www.cssplay.co.uk/menus/

Ci sarà sicuramente il menu che fa per te. Hai a disposizione anche il codice sorgente.