[CSS] spazio tra punto del list item e testo su Opera

[cicetaar]

ciao a tutti..
testando un sito su vari browser ho notato che l'immagine che utilizzo come elenco puntato, associata al tag

[*]

, adotta un margine dal testo che la segue di alcuni pixel su browser come ie5 5.5 6 Firefox e netscape.. mentre su Opera il testo si appiccica all'immagine risultando sgradevole..

suppongo sia una caratteristica di oper simile alla storia del box model di IE.5 ma su che valore devo agire nel css per aumentare questo spazio solo su Opera?

grazie a tutti, simone

[cicetaar]

per ora ho risolto aumentando la gif inserendo qualche pixel trasparente in più destra.. ma se sapete qualche modo ditemelo!

[Mich_]

il[*] ha un margine di default diverso dagli altri elementi.

Puoi modificarlo usando opportunamente i CSS.

Credo che devi agire su margin e padding.

[simone.xml]

li {
margin 0;
padding: 0;
}

se non sbaglio con opera è meglio non usare alcuna unità di misura sugli zeri se no potrebbe rimanerci male

[cicetaar]

ho optato per una cosa del genere applicato all'UL e non al LI..

ul { 
margin-left:15px !important;
margin-left:23px;
}

l'unica cosa è che con Netscape i list items rientrano di parecchi pixel.. ma non mi dispiace..perciò per ora direi..

Simone Vs. CSS 1-1

ciao e grazie dei consigli!

[deleted_id_48586]

Originariamente inviato da cicetaar
ho optato per una cosa del genere applicato all'UL e non al LI..

ul { 
margin-left:15px !important;
margin-left:23px;
}

l'unica cosa è che con Netscape i list items rientrano di parecchi pixel.. ma non mi dispiace..perciò per ora direi..

Simone Vs. CSS 1-1

ciao e grazie dei consigli!

Su Netscape come per Mozilla devi annullare il rientro con padding: 0;

[dotty78]

Sposto in CSS e XHTML.