Aiuto Link

**fra_ore_90** · 24-04-2007, 16:03

Ciao,
questo è il mio ultimo sito: http://www.citygarage.it/home.html

Come potete vedere è in fase di svuluppo, ma ha una buona visualizzazione sia in firefox ke in explore...

IL problema però è con i link. Dovrebbero avere tutti, apparte quelle del footer con le oagine in bianco,
a:link, a:active, a:visited {
color: #CBAC57;
text-decoration: underline}

a:hover {
color: #B28816;
text-decoration: none}

invece nn è cs...

codice css

codice:

BODY {
margin:0px;
background-image:url('Immagini/bbody.jpg');
background-repeat:no-repeat;
scrollbar-face-color: #000000; 
scrollbar-shadow-color: #CBAC57; 
scrollbar-highlight-color: #CBAC57; 
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #000000; 
scrollbar-arrow-color: #CBAC57;
overflow: hidden}

a:link, a:active, a:visited {
color: #CBAC57; 
text-decoration: underline}

a:hover {
color: #B28816; 
text-decoration: none}

#sito {width:800px;
height:435px;}

#uno {
background-image:url('Immagini/uno.jpg');
position:absolute;
margin-top:0px;
margin-left:0px;
width:175px;
height:150px
}

#due {
background-image:url('Immagini/due.jpg');
position:absolute;
margin-top:0px;
margin-left:175px;
width:25px;
height:435px
}

#container {
position:absolute;
margin-top:150px;
margin-left:0px;
width:175px;
height:145px;
background-image:url('Immagini/tre.jpg');
}

			/* ********************* Script Menù ********************* */
		
			div#container ul{
			padding: 0px;
			margin: 0px;
			list-style-type:none;
			}
			
			div#container li#auno{margin-bottom:5px;
			display: block;
			}
			
			div#container li#auno a, div#container li#auno a:visited{
			display: block;
			width:175px;
			height:20px;
			background-image:url('Immagini/butt_link1.jpg');
			text-decoration:none
			}
			
			div#container li#auno a:hover{
			background-image:url('Immagini/butt_link1_sel.jpg');
			}
			
			div#container li#adue {margin-bottom:5px;
			display: block;
			}
			
			div#container li#adue a, div#container li#adue a:visited{
			display: block;
			width:175px;
			height:20px;
			background-image:url('Immagini/butt_link2.jpg');
			text-decoration:none
			}
			
			div#container li#adue a:hover{
			background-image:url('Immagini/butt_link2_sel.jpg');
			}
			
			div#container li#atre {margin-bottom:5px;
			display: block;
			}
			
			div#container li#atre a, div#container li#atre a:visited{
			display: block;
			width:175px;
			height:20px;
			background-image:url('Immagini/butt_link3.jpg');
			text-decoration:none
			}
			
			div#container li#atre a:hover{
			background-image:url('Immagini/butt_link3_sel.jpg');
			}
			
			div#container li#aquattro {margin-bottom:5px;
			display: block;
			}
			
			div#container li#aquattro a, div#container li#aquattro a:visited{
			display: block;
			width:175px;
			height:20px;
			background-image:url('Immagini/butt_link4.jpg');
			text-decoration:none
			}
			
			div#container li#aquattro a:hover{
			background-image:url('Immagini/butt_link4_sel.jpg');
			}
			
			div#container li#acinque{margin-bottom:5px;
			display: block;
			}
			
			div#container li#acinque a, div#container li#acinque a:visited{
			display: block;
			width:175px;
			height:20px;
			background-image:url('Immagini/butt_link5.jpg');
			text-decoration:none
			}
			
			div#container li#acinque a:hover{
			background-image:url('Immagini/butt_link5_sel.jpg');
			}
			
			div#container li#asei{margin-bottom:5px;
			display: block;
			}
			
			div#container li#asei a, div#container li#asei a:visited{
			display: block;
			width:175px;
			height:20px;
			background-image:url('Immagini/butt_link6.jpg');
			text-decoration:none
			}
			
			div#container li#asei a:hover{
			background-image:url('Immagini/butt_link6_sel.jpg');
			}
			
			/* ********************* Fine Script Menù ********************* */

#quattro {
background-image:url('Immagini/quattro.jpg');
position:absolute;
margin-top:295px;
margin-left:0px;
width:175px;
height:140px;
}

#cinque {
background-image:url('Immagini/cinque.jpg');
position:absolute;
margin-top:0px;
margin-left:200px;
width:180px;
height:100px;
}

#sei {
background-image:url('Immagini/sei.jpg');
position:absolute;
margin-top:0px;
margin-left:380px;
width:420px;
height:100px;
}

#sette {
background-image:url('Immagini/sette.jpg');
position:absolute;
margin-top:100px;
margin-left:600px;
width:200px;
height:300px;
text-align:center;
}

#otto {
background-image:url('Immagini/otto.jpg');
position:absolute;
margin-top:400px;
margin-left:200px;
width:600px;
height:35px;
}

#sopraliv {
position:absolute;
margin-top:10px;
margin-left:30px;
width:400px;
height:100px;
z-index:1;
}

#nove {
position:absolute;
background-repeat:no-repeat;
margin-top:100px;
margin-left:200px;
width:400px;
height:300px;
overflow:auto;
}


h1 {text-align:center;
	margin:0 30 25 30;
	width:auto;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 6px;
	color: #ffffff;
	font-size: 14pt;
	font-face: arial;
	}

#logofiat {border:0px;
margin:25 auto 0 auto;
}

#logoalfa {border:0px;
margin:1 auto 0 auto;
}


p.loghi {margin-top:2px;
	text-align:center;
	color: beb16d;
	font-size: 10pt;
	font-face:arial
	}

p#testopage a:link, a:active, a:visited {
color: #CBAC57; 
text-decoration: underline}


p#testopage {margin: 0 30 auto 30;
	font-size: 12pt;
	font-face: arial;
	letter-spacing: 0.3pt;
	line-height: 1;
	color: #ffffff;
	font-size: 14;
	font-face:arial;
	}

p#testopage a:hover {
color: #B28816; 
text-decoration: none}


h2 {text-align:center;
	margin:auto 30 0 30;
	width:auto;
	border-top: 1px solid #ffffff;
	padding-top: 6px;
	color: #ffffff;
	font-size: 12;
	font-face: arial;
	font-style: italic;
	letter-spacing: 0.3pt;
	line-height: 1.7;
	font-weight: bold;
	}

h2 a:link, a:active, a:visited {
color: #ffffff; 
font-size: 12;
font-face: arial;
font-style: italic;
letter-spacing: 0.3pt;
line-height: 1.7;
font-weight: bold;
text-decoration: underline}

h2 a:hover {
color: #ffffff;
font-size: 12;
font-face: arial;
font-style: italic;
letter-spacing: 0.3pt;
line-height: 1.7;
font-weight: bold;
text-decoration: none}

	
#intestazione {
	text-align:center;
	margin: 15 auto 0 auto;
	font : normal 12px/18px Georgia, "Times New Roman", Times, serif;	
	font-style : bold;
	color : #CBAC57;	}
	
.mod {text-align:center;
color: #ffffff;
}

Codice HTML

codice:

 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>CityGarage.it</title>
<link rel="stylesheet" href="stile.css">
</head>

<body>
<div id="sito">

	<div id="uno"></div>
	<div id="due"></div>
	
		
		<div id="container">
		<ul>
		    <li id="auno">
		    <li id="adue">
		    <li id="atre">
		    <li id="aquattro">
			<li id="acinque">
		    <li id="asei">
		[/list]
		</div>

	
	<div id="quattro"></div>
	
	<div id="sopraliv"><p id="intestazione">Di Ernesto Cirillo
Via A. Tonelli, 35 - 00197 Roma
tel. 06.80.78.780 - fax. 06.80.85.577</p></div>
	<div id="cinque"></div>
	<div id="sei"></div>


	
	<div id="sette">
	[img]Immagini/Logofiat.jpg[/img]
<p class="loghi">Fiat Auto</p>
	[img]Immagini/Logoalfa.jpg[/img]<p class="loghi">Alfa Romeo</p>
	</div>
	
	<div id="otto"></div>

	
	<div id="nove">
	
	
		<h1>Home</h1>
		
		<p id="testopage" align="center">
		






		PAGINA IN COSTRUZIONE
		






	
		<h2>Home | Servizi | Dove siamo | Contattaci | Affiliati | Credits</h2>

		</p>
	
	</div>


</div>
</body>

</html>

Vi prego di aiutarmi

**erredeco** · 24-04-2007, 16:18

L'ordine corretto delle pseudoclassi è

link, visited, hover, active

(Per ricordarselo: LoVe / HAte )

Bisognerebbe anche mettere il :focus, ma ie6 non lo supporta (lo tratta come :active)
in questo caso i pareri sono discordi: per qualcuno l'ordine corretto è:

link, visited, hover, focus, active

(Lord Vader's Handle Formerly Anakin.)

per altri

link, visited, focus, hover, active

(Lord Vader's Former Handle Anakin.)

Discussione: Aiuto Link

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto Link

Permessi di invio