a:visited si spostano

**dtm_changer** · 15-07-2007, 14:49

ciao a tutti,
ho un problemone assurdo: gli a:visited del footer mi si spostano a capo a sinistra

finchè sul link non è mai stato cliccato tutto ok, appena si clicca si spostano, eppure li ho definiti chiarmante nel css e non mi è mai capitata una cosa del genere. ecco il codice:
xhtml

codice:

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

  

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

		<meta name="keywords" content="marco de toffol, marcodtm, dtm, hacking, filosofia" />

		<meta name="description" content="tante amenitÃ Â !" />

		<meta name="author" content="marco de toffol" />

		<meta name="generator" content="Bluefish 1.0.7"/>

		<meta name="robots" content="index,follow" />

		<title>prova</title>
		<link rel="stylesheet" type="text/css" href="css.css" />

	</head>
	
	<body>
		<div id="background">
			<div id="container">
				<div id="header">
					[img]padovamed_logo.png[/img]
				</div>
				<div id="menu">
					<ul id="menu_ul">
						[*]home
						[*]news
						[*]links
						[*]downloads
						[*]forum
					[/list]
				</div>
				<div id="content">
					<div class="item">
						<h1>padovamed.altervista.org ::: alfa_one</h1>
						<hr />
						<h2>14/07/07</h2>
						

Proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti!</p>
					</div>
					<div class="item">
						<h1>padovamed.altervista.org ::: alfa_two</h1>
						<hr />
						<h2>14/07/07</h2>
						

Proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti!</p>
					</div>
					<div class="item">
						<h1>padovamed.altervista.org ::: alfa_three</h1>
						<hr />
						<h2>14/07/07</h2>
						

Proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti!</p>
					</div>
				</div>
				<div id="footer">
						
						
						[img]my_opera.png[/img]
						[img]get_bluefish_80x15.png[/img]

						[img]valid-xhtml11.png[/img]

						[img]valid-css.png[/img]
				</div>
				<div id="last">
				</div>
			</div>
		</div>
	</body>
	
</html>

e il css

codice:

* {
margin: 0px;
padding: 0px;
}

body {
width: 800px;
margin: auto;
text-align: center; /*ie6 fix*/
background-color: #f7f7f7;
font-family: tahoma, verdana, sans serif;
font-size: 14px;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

a:link {
margin: 0px;
padding: 0px;
text-decoration: none;
color: black;
}

a:visited {
margin: 0px;
padding: 0px;
text-decoration: none;
color: black;
} 

a:hover {
margin: 0px;
padding: 0px;
text-decoration: underline;
color: red;
}

/***** impostazioni dello sfondo fisso con immagine ripetuta *****/
#background {
width: 800px;
background-image: url(sfondo_body.jpg);
background-repeat: repeat-y;
background-position: center;
}

/***** div container *****/
#container {
width: 780px;
margin: 0px 10px 0px 10px;
text-align: left; /* complete ie6 fix */
}

/***** div header *****/
#header {
margin: auto;
width: 780px;
height: 80px;
background-color: #ebebeb;
}

/***** div menu *****/
#menu {
margin: auto;
width: 780px;
height: auto;
background-color: #73e6e6;
}

#menu_ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
/*border: 1px solid #625e00;*/
border-width: 1px 0;
background-color: #73e6e6;
}

#menu ul li {
display: inline;
}

#menu_ul li a:link, a:visited {
float: left;
color: #336666;
padding: 7px 7px;
text-decoration: none;
border-right: 1px solid white;
}
				
#menu_ul li a:hover {
background-color: #5ae0e0;
color: black;
}

/***** div content *****/
#content {
margin: auto;
padding: 60px 30px 0px 30px;
width: 720px; /* 720 +30 +30 will be the total width of this box model */
min-height: 300px;
background-color: #faffff;
}

.item {
width: auto;
margin: 0px 0px 30px 0px;
padding: 10px;
font: thaoma, sans serif, 11px;
background-color: white;
border: 1px dotted #73e6e6;
}

.item h1 {
width: auto;
height: auto;
margin: 0px;
padding: 0px;
font-family: thaoma;
font-size: 16px;
color: #e61700;
}

.item hr {
margin-top: 2px;
margin-bottom: 2px;
width: auto;
height: 1px;
text-align: center;
color: #ff7300;
background-color: #e61700;
border: 0px;
}

.item h2 {
width: auto;
height: auto;
margin: 0px;
padding: 0px;
font-family: verdana, sans-serif;
font-size: 9px;
text-align: right;
color: #e61700;
}

.item p {
width: auto;
height: auto;
margin: 0px;
padding: 5px;
font-family: verdana, sans-serif;
font-size: 12px;
}

/***** div footer *****/
#footer {
margin: auto;
padding: 5px;
width: 770px; /* 770 + 5 + 5will be the total width */
height: auto;
background-color: #ebffff;
text-align: center;
}

/***** div last: serve a mantenere l'immagine di background *****/
#last {
margin: auto;
width: 780px;
height: 5px;
background-color: #faffff;
}

che diavolo è?!?

**dtm_changer** · 15-07-2007, 16:31

sto provando e riprovando a modificare il codice ma proprio non capisco perchè sti link vadano a capo, non mi è mai capitato, è contro ogni logica!

confido in qualcuno di voi, ciao!

**dtm_changer** · 16-07-2007, 08:47

ho trovato il problema: la pagina confonde gli a:visited del menu, che sono flottati a sinistra:

codice:

#menu_ul li a:link, a:visited {
float: left;
color: #336666;
padding: 7px 7px;
text-decoration: none;
border-right: 1px solid white;
}

ho risolto dando loro una classe.

ma il riferimento #menu_ul li a:visited non era corretto? perchè me li confondeva?

Discussione: a:visited si spostano

Strumenti discussione

Ricerca discussione

Visualizza

a:visited si spostano

Permessi di invio