Modificare il menu tramite css

[vikey89]

Ciao a tutti ragazzi praticamente sto creando un sito, ma ho un piccolo problemino..sto creando un menu in css, volevo sapere come faccio ad aggiungere al menù l'effetto che quando l'utente va sopra la voce scelta, cambia colore?Intendo solo la scritta deve cambiare colore..si deve utilizzare il tag aver?? e dove lo devo inserire

[miki003]

a:hover { color: #00000;}

Nel foglio di stile (CSS)

[vikey89]

allora io riscontro diversi problemi: il menù in questione è questo solo che io modificando i css l'ho trasformato cosi.
Adesso però quando prova ad associare ad ogni voce un pagina html, non me lo associa perchè?però se elimino il tag[*] pa pagina viene caricato ma le voci che compongono il menù cambiano di stile.Come devo fare se voglio avre il menù come nel sito che linkato prima e allo stesso tempo aggiungere a:hover.
QUESTO E' IL CODICE CSS:

.lavaLampWithImage  { 
position: relative; 
height: 29px; 
width: 800px;
 background: url(http://allevamentonaxos.altervista.org/sfbarra.jpg) no-repeat top; padding: 15px; 
margin: 10px 0; 
overflow: hidden; 
}
 .lavaLampWithImage li {
 float: left; 
list-style: none; 
} 
.lavaLampWithImage li.back { 
background: url() no-repeat right -30px; 
width: 9px; 
height: 60px; 
z-index: 8px; 
position: absolute; 
} 
.lavaLampWithImage li.back .left { 
background: url() no-repeat top left;
 height: 30px; 
margin-right: 15px; /* 7px is the width of the rounded shape */ 
} 
.lavaLampWithImage li a { 
font: bold 14px arial; 
text-decoration: none; 
color: #fff; 
outline: none; 
text-align: center; 
top: -2px; text-transform: uppercase; 
letter-spacing: 0; 
z-index: 10; 
display: block; 
float: left; 
height: 30px; 
position: relative; 
overflow: hidden; 
margin: auto 16px; 
}

qualcuno mi aiuta??

[miki003]

Lascia tutto come l'originale e fai solo questa modifica nel foglio di stile:

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
				    color: #00F;
                        }

L'ho testato è funziona bene

[vikey89]

Sei un grande funziona perfettamente ma ho un problema,quando clicco su home non mi apre nessuna pagina anche se gia caricata sul server come devo fare?
Ecco il codice nel menu della index.html

<div align="center"> 


</p> 
<ul class="lavaLampWithImage" id="1"> [*]Home [*]storia [*]Foto [*]Anatomia[*]Cure Generali [*]Addestrare[*]Link[*]Guestbook [/list]
</div>

poi però se elimino il tag[*] me li apre le pagine ma cambia completamente la struttura del menu.. come devo fare!!!

[vikey89]

Nessuno mi aiuta ragazzi?? non capisco perchè non mi apre le pagine linkate.. il codice è scritto nel post di prima

[miki003]

Originariamente inviato da vikey89
Nessuno mi aiuta ragazzi?? non capisco perchè non mi apre le pagine linkate.. il codice è scritto nel post di prima

Abbi un po di pazienza!

Non devi eliminare nulla! Il codice va bene così e deve funzionare! Dalle tue informazioni non si può dedurre, dove stà il problema, forse è molto semplice come il colore del testo, protrebbe essere un problema di percorso e di nome dei file, oppure dell'estensione

[vikey89]

Guarda non so cosa può essere vai sul mio sito è vedi che pur essendo le pagine collegate nel modo giusto non le apre, come se non fosse collegato nulla!

[vikey89]

Cioè ragazzi è assurdo non riesco a capire perchè non carica le pagine..allucinante

[miki003]

Originariamente inviato da vikey89
Cioè ragazzi è assurdo non riesco a capire perchè non carica le pagine..allucinante

Secondo me tu sbagli qualche cosa perchè a me si aprono tutte guarda!