css e list-style-position

[webbo]

Salve a tutti,

qualcuno mi sa dire perchè con questa impostazione:

ul{margin-left:0;padding-left:0;list-style-type:square;list-style-position: inside } <--

riesco a visualizzare lo stile della lista cioè il quadratino mentre con:

ul{margin-left:0;padding-left:0;list-style-type:square;list-style-position: outside } <--

lo stile scompare?


Grazie!

[span]

Originariamente inviato da webbo
Salve a tutti,

qualcuno mi sa dire perchè con questa impostazione:

ul{margin-left:0;padding-left:0;list-style-type:square;list-style-position: inside } <--

riesco a visualizzare lo stile della lista cioè il quadratino mentre con:

ul{margin-left:0;padding-left:0;list-style-type:square;list-style-position: outside } <--

lo stile scompare?


Grazie!

perché scompare dallo schermo

aumentagli il margin

[webbo]

Il risultato aumentando il margin è identico!

[blakwolf]

prova il padding

[webbo]

Già fatto non va!

[antos]

prova a mettere il margin-left ad 1 em o +

[span]

hai una pagina d'esempio.... se provo solo il codice da te postato con un margin superiore funziona

[webbo]

Non avevo notato l'impostazione del li cmq l'impostazione completa è questa:



#menu li{margin-top:7px;padding-top:2px;padding-bottom:3px;padding-left:2px;}
#menu ul{margin-left:0;padding-left:0;list-style-type:square;list-style-position: outside;}


<div id="menu">
<ul>[*]
xxxxx
[/list]
</div>

Ciao!

[antos]

Originariamente inviato da webbo
Non avevo notato l'impostazione del li cmq l'impostazione completa è questa:



#menu li{margin-top:7px;padding-top:2px;padding-bottom:3px;padding-left:2px;}
#menu ul{margin-left:0;padding-left:0;list-style-type:square;list-style-position: outside;}


<div id="menu">
<ul>[*]
xxxxx
[/list]
</div>

Ciao!

hai provato come ho detto io?

[webbo]

Si ho già provato!