rollover particolare...

[lorem]

ciao, sarà molto semplice ma per me che sono un principiante... ho bisogno di una mano.

Vorrei creare una barra di navigazione con lo stile di quella presente nella seguente pagina:

http://www.nozio.it/europa/italia/em...he/bologna.htm

Se notate le voci Guida - Hotel e Alloggi - Comunity, presentano un rollover (cosa che so fare con dreamweaver) ma nelle immagini non è incorporato il testo, infatte se provate a selezionarlo è chiaramente un'mmagine.

Io voglio praticamente un rollover dove si illumina tutto il rettangolo ed il testo sopra...

grazie.

[ResianTaxidrive]

veramente non c'è nessuna immagine; c'è questo stile


.tabs a {
background:#AFAFAF;
border-color: #E3DEDB;
border-style: solid;
border-width: 3px 3px 0;
color: white;
float: left;
font-family: "arial black";
margin: 0 4px 0 0;
padding: 5px 19px;
position: relative;
text-decoration: none;
top: 1px;
}

quindi a te basta aggiungerne un altro e cioè il seguente:

.tabs a:hover{
background: colore che vuoi;
color: altro colore che vuoi
}

[lorem]

grazie per la risposta prima di tutto,
quindi questa o dovrei dire queste perché credo siano due regole CSS giusto?
Vanno applicate al contenitore ID non al testo giusto?
Guindi ogni link deve avere il suo contenitore!

Grazie

[ResianTaxidrive]

Non ho capito la domanda.
La prima regola è già scritta nel foglio stile che si chiama
jquery-tabs.css
Devi aggiungere nello stesso file css (se puoi manipolarlo, ma va bene anche in main_menu.css ) la seconda regola. Quella del

.tabs a:hover{
background: colore che vuoi;
color: altro colore che vuoi
}

La metti così com'è (chiaramente metti dei colori validi!)

Quindi capito? devi toccare solo i file css, non l'html.

[lorem]

si ho capito, devo copiare tutto nel file .css del sito...
scusa se sono stato poco chiaro nel porre la domanda, purtoppo non ho potuto fare per bene delle prove, se ho dei problemi so dove trovarvi
grazie