Link

paola.mi

Link

Ciao

Ho fatto decine di siti, con effetti sui link diversi.
Ho perso la testa Sono due giorni che lavoro su un sito dove dovrebbe esserci, sui link, l'effetto più banale di questo mondo: un cambio di colore e un cambio di sfondo.

Beh... non ci riesco. Mi viene da piangere perché sono completamente in bambola...

Vi posto il pezzo di css e mi vergogno come una ladra...

#menu {
float: left;
width: 20%;
margin:auto;
padding: 5px 5px 5px 5px;
text-align: left;
font: bold 90% verdana,arial,sans-serif;
color: #fff;
border: 1px solid #cccccc;
}

font: normal 90% verdana,arial,sans-serif;
color:;
text-align: justify;
border-top: 1px dotted;
margin: 5px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

list-style-type: none;
font: normal 90% verdana,arial,sans-serif;
color:;
text-align: justify;
border-bottom: 1px dotted #ccc;
margin: 0px 0px 0px 0px;
padding: 3px 5px 3px 5px;
}

A#menu li:link { color: white; }
A#menu li:visited { color: white; }
A#menu li:hover { color: black; background-color: white; }
A#menu li:active { color: white; }

Html:

Non lo vedo... non vedo l'errore, sono nella più incasinata confusione
I link restano blu e quando ci clicco divetano solo neri.

catone

Ma scherzi a vergognarti? Tutti fanno domande, anzi...

Non se riuscirò ad aiutarti, sono troppo stanco e posso dire fregnacce
Ma ad occhio ci sono diversi errori. Praticamente hai dichiarato 4 volte, se non erro, lo stesso tipo di carattere, bordi e quant'altro, ma questo non pregiudica la pagina.

L'errore di base credo sia questo:


A#menu li:link { color: white; }
A#menu li:visited { color: white; }
A#menu li:hover { color: black; background-color: white; }
A#menu li:active { color: white; }

da sostituire con ad esempio:


#menu a {
 color: #000000;
 background-color: #339933;
} a:hover { color: black; background-color: #666666; }

Il problema è che tu vuoi fare dei pulsanti se non erro. Così lo sfondo non copre tutto il "li" ma solo il testo dell'"a".

Ma piazzando lo sfondo direttamente sul li risolvi mezzo problema! Non hai la possibilità di definire un hover! Come risolvere il problema? Con un display:block ad occhio.

No, sono troppo spossato, rischio di dirti sciocchezze e mi fermo.
Ad ogni modo se, ripeto, ho capito bene e vuoi fare un menù studiati come sono fatti questi qui!