colore link - non si mdifica dal css esterno

**MC21** · 07-01-2012, 17:40

salve
Non riesco a controllare il colore di a:link dal .css collegato.
Accetta qualsiasi variazione (background-color, pagging ecc) ma non il colore del testo. Le altre funzione (visited, hover, active) si comportano come ci si aspetta per tutto.
Quello che non capisco è che se inserisco i valori, con <style> nell'head del html il colore viene modificato (ho fatto copia/incolla dal .css dei valori di a:link).
In un ultimo tentativo ho lasciato <style> nell'head e riattivato il link al .css; dove ho commentato le voci di a:link.

Ho visto che l'argomento è trattato in vari post ma tutti danno la stessa soluzione che a me non funziona!

**pr0web** · 07-01-2012, 18:54

Puodarsi che hai sbagliato l'ordine

codice:

 
a:link { color: blue; }  
a:visited { color: purple; }  
a:hover { color: red; }  
a:active { color: black; }  
a:focus { color: green; }

**MC21** · 07-01-2012, 19:31

no, la sequenza che ho inserito è quella

**MC21** · 07-01-2012, 19:45

Originariamente inviato da MC21
no, la sequenza che ho inserito è quella

A pensarci possone essere utili alcune altre informzioni:
sistema operativo LINUX
editor BLUE-FISH
browser FIREFOX

questo è il .css

codice:

td{ 	
padding-left: 12px; 	
padding-right: 12px; 	
padding-top: 3px; 	
padding-bottom: 3px;
 } 	 
td:hover{ 	 	
background-image: url("../bottoni_bon/fondo_bot2.gif");
 //	font-weight: bold;
 }  
td a:link{ 	
font-family: Century Gothic; 	
font-weight: bolder; 	
color: white !important; 	
letter-spacing: 2px; 	
text-decoration: none; 	
padding-left: 6px; 	
padding-right: 4px; 	
padding-top: 1px; 	
padding-bottom: 1px;
 }  
td a:visited{ 	
color: gray; 
 } 
td a:hover{ 	
color: green; 	
background-color: #0029a1;
 } td 
a:focus{ 	
color: red;
 } td a:active{ 	
color: navy; 
 }

questo è .html

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<link rel="stylesheet" href="css_bon/menu1.css" type="text/css">

</head>

<body bgcolor="#0029A1">

<div align="Center"> [img]img_bon/Bonaventura3.gif[/img] </div>


</p>	
<div align="Center">
<font size="2">
<table summary="Menu" >
<tr align="Center" >
<td > LIBRI </td> 
<td > MOSTRE </td> 
<td > FORMAZIONE </td> 
<td > SPETTACOLI </td>
</tr>
</table>
</font>
</div>

</body>

</html>

grazie per l'interessamento

**pr0web** · 07-01-2012, 21:37

Prova cosi:

codice:

td{padding: 3px 12px 3px 12px;} 	  
td a:link{ 	
font-family: Century Gothic; 	 
font-weight: bolder; 	 
color: #fff; 	/*cambia il colore senza !important*/ 
letter-spacing: 2px; 	 
text-decoration: none; 	 
padding:1px 4px 1px 1px; 
}   
td a:visited{color: grey;} /*cambia il colore*/ 
td:hover{ background-image: url("../bottoni_bon/fondo_bot2.gif");	font-weight: bold;}
td a:hover{color: green;background-color: #0029a1;}  
td a:active{color: blue;} /*cambia il colore*/ 
a:focus{color: #000;}  /*cambia il colore*/

Cmq ti sconsiglio di uttilizzare table... usa il metodo di costruzione a blocchi

**MC21** · 07-01-2012, 22:01

grazie
più tardi ci provo

**MC21** · 08-01-2012, 08:51

grazie pr0wev

ma anche con la sequenza modificata il colore del testo a:link non cambia.
Provo a rifare tutto con i blocchi.

ciao

Discussione: colore link - non si mdifica dal css esterno

Strumenti discussione

Ricerca discussione

Visualizza

colore link - non si mdifica dal css esterno

Permessi di invio