menu css

**polliotto** · 07-12-2005, 19:30

ciao a tutti!
ho un problema con qusto menu in explorer, sotto le voci principali aggiunge uno spazio, e non so prorio per quale motivo

codice:

/* stile*/
#menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:159px; 
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}
#menu li a{
	line-height:22px;
	display:block;
	text-decoration: none;
	font-weight: bold;
	color:#21536A;
	padding: 3px 0px 3px 10px;
	background:url(../img/bg_nav.jpg) repeat-x left;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
}
#menu li a:hover {
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
}
#menu li ul{
	padding:0px;
	margin:0px;
        display:none;
}
#menu li ul li{
	border-bottom:1px solid #FFFFFF;
	list-style:none;
}
#menu li ul li a{
	color:#21536A;
	padding-left:20px;
	background-image:none;
	border:none;
}
#menu li ul li a:hover{
	text-decoration:underline;
	background-image:none;
	border:none;
}


<ul id="menu">
	[*]a
		<ul>
			[*]1
			[*]2
			[*]3
		[/list]
	
	[*]b
		<ul>
			[*]1
			[*]2
			[*]3
		[/list]
	[/list]

potete vedere qui

grazie in anticipo

**goat** · 07-12-2005, 20:46

Uè. Ho preso il codice che hai passato e nel body ho fatto queste modifiche:

<body>
<ul id="menu">
[*]a<ul>[*]1
[*]2
[*]3[/list]

[*]b<ul>[*]1
[*]2
[*]3[/list]
[/list]
</body>

In pratica ho semplicemente eliminato degli a capo nel flusso del codice stesso. E incredibilmente... funziona! Almeno con il mio IE. Ti converrà fare un po' di test.

**goat** · 07-12-2005, 20:50

Dimenticavo: ho riscontrato anch'io problemi di questo tipo in alcuni lavori fatti e, da che mi è stato spiegato, la colpa è del rendering che viene fatto dal browser. Almeno se non ricordo male.
Me la sono sempre cavata egregiamente modificando appunto gli a capi nel flusso del codice.
Mi si corregga se sbaglio...

Baci,
goat

**thomas_anderson** · 07-12-2005, 20:54

Oppure puoi dichiarare display:inline; a[*].

**Sol** · 07-12-2005, 23:17

Originariamente inviato da goat
Dimenticavo: ho riscontrato anch'io problemi di questo tipo in alcuni lavori fatti e, da che mi è stato spiegato, la colpa è del rendering che viene fatto dal browser. Almeno se non ricordo male.
Me la sono sempre cavata egregiamente modificando appunto gli a capi nel flusso del codice.
Mi si corregga se sbaglio...

Baci,
goat

Purtroppo devo condividere l'esperienza!
Già, già...

Discussione: menu css

Strumenti discussione

Ricerca discussione

Visualizza

menu css

Permessi di invio