problema a centrare menù

**unreg** · 22-04-2005, 22:43

Salve,

ho fatto un menù orizzontale, per mantenere la compatibilità con IE5 sono stato costretto ad modificare la classe li così:

codice:

li {
	float: left; 
	display: block;
	margin:0 1em;
}

per colpa del float: left; non riesco + a centrere il menù del div link

come posso centrere il menu lasciando float: left nella classe li ?

codice:

<!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>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#contenitore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
#link {
	text-align: center;
	width: 50%;
	margin: 0 auto;
	background-color: #0066FF;
}
ul {
	margin: 0 auto;
	padding: 0px;
	list-style-image: none;
}
li {
	float: left;
	display: block;
	margin:0 1em;
}
-->
</style>
</head>

<body>
	<div id="contenitore">
		<div id="link">
			<ul>
				[*]Test 1
				[*]Test 2
				<li class="no">Test 3
			[/list]
		</div>
	</div>
</body>
</html>

grazie di cuore !

**andrea.paiola** · 23-04-2005, 00:18

se ho capito bene la questione devi usare un selettore contestuale... cercherò di aiutarti:

codice:

<!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>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#contenitore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
#link {
	text-align: center;
	width: 50%;
	margin: 0 auto;
	background-color: #0066FF;
}
ul {
	margin: 0 auto;
	padding: 0px;
	list-style-image: none;
}
li {
	float: left;
	display: block;
	margin:0 1em;
}
#link li{clear:left;}
-->
</style>
</head>

<body>
	<div id="contenitore">
		<div id="link">
			<ul>
				[*]Test 1
				[*]Test 2
				<li class="no">Test 3
			[/list]
		</div>
	</div>
</body>
</html>

vedi un po' se funziona...dovrei aver tolto il float:left a tutti i tags li dentro ai tags che hanno id link

**unreg** · 23-04-2005, 08:14

non funziona

non mi affianca le voci del menù al centro del div link, ma me le visualizza laterali ed una sopra l'altra

**unreg** · 23-04-2005, 13:54

up

**mondobimbi** · 23-04-2005, 16:37

non ho la possibilita' di vederlo su IE ma alcune volte gli spazi danno fastidio a IE, prova cosi'

<body>
<div id="contenitore">
<div id="link">
<ul>[*]Test 1[*]Test 2 <li class="no">Test 3[/list] </div>
</div>
</body>

tutti ul lilili in fila senza spazi

ciao sergio

**unreg** · 23-04-2005, 19:10

niente da fare

**andrea.paiola** · 23-04-2005, 20:12

ho provato il codice che ti ho postato e in effetti toglie il float:left solo a tutti i tags li dentro ai tags che hanno id link... se non ti soddisfa allora il tuo problema non è quello... prova a rispiegarlo anche con disegni...

**unreg** · 24-04-2005, 13:43

Originariamente inviato da andrea.paiola
ho provato il codice che ti ho postato e in effetti toglie il float:left solo a tutti i tags li dentro ai tags che hanno id link... se non ti soddisfa allora il tuo problema non è quello... prova a rispiegarlo anche con disegni...

allora il tuo codice non funziona

devo fare il menu, con le voci separate da uno spazio, compatibile con ie 5 il tutto centrato nel div menu.

come devo fare ?

grazie !

**unreg** · 25-04-2005, 08:08

Originariamente inviato da andrea.paiola
ho provato il codice che ti ho postato e in effetti toglie il float:left solo a tutti i tags li dentro ai tags che hanno id link... se non ti soddisfa allora il tuo problema non è quello... prova a rispiegarlo anche con disegni...

allora mi serve un menù orizzontale con le voci separate da uno spazio (1em) compatibile con Internet Explorer 5.

il menù deve essere come quello del file allegato.

grazie !

**unreg** · 25-04-2005, 15:36

up

Discussione: problema a centrare menù

Strumenti discussione

Ricerca discussione

Visualizza

problema a centrare menù

Permessi di invio