spazio nell'elenco

[Sonikag]

Ho un elenco puntato:

<hr>
			<ul class="men">
			[*]lll
			[*]fff
			[/list]
			<hr>

hr
{
width:90%;
border: 2px solid #fff;
margin:0px;
padding:0px;
align:center;
}
.menu, .menu li, .menu ul, .menu a{
display: inline;
	list-style-image: none;
	list-style-type: none;
	margin:0px;
		padding:0px;
}

Nonostante abbia i margin e i padding a 0px tra l'hr e il menu c'è un bello spazio. idem c'è spazio dal margine di sx a quello di dx della barra in cui è inserito.

[pierofix]

Prova a impostare anche questo per l'hr:

hr {
   height:.5em; line-height:.5em; /* o usa le dimensioni che vuoi */
   /* ... */
}

[pierofix]

Originariamente inviato da pierofix
Prova a impostare anche questo per l'hr:

hr {
   height:.5em; line-height:.5em; /* o usa le dimensioni che vuoi */
   /* ... */
}

P.S. La class nel markup l'avevi scritta giusta? Io leggo "men". Ah, un'altra cosa: perchè non indenti bene il codice quando lo posti? Così è tutto confuso.

[Sonikag]

Ma mi sopporti ancora?

hr
{
width:90%;
border: 2px solid #fff;
margin:0px;
padding:0px;
align:center;
height:.1em; line-height:.1em;
}

con quel codice sopra non cambia nulla...

ma ci va il punto prima della dimensione?

Comunque se al posto dell'elenco metto del testo tutto va ok!

[pierofix]

Prova a rimettere <ul> come elemento block.

P.S. ".1" è come dire "0.1".

[Sonikag]

ossia?
che vuol dire?

[pierofix]

Nel tuo css hai impostato anche .menu come display:inline. Dovresti creare una nuova istruzione in cui metti

.menu {
   display:block;
}