Eliminare margine sinistro in tag <li>

**miki92** · 13-10-2009, 22.10.23

Buonasera amici di AlterVista,
come avrete intuito dal titolo vorrei eliminare lo spazio sinistro che viene creato con un tag <li>.

Ho provato a settare margin e padding a 0 ma il risultato è nullo, ho fatto un breve ricerca in rete ma non so se sono io che ho errato a cercare o se davvero i risultati non ci siano.

Saprete dirmi come risolvere?

Grazie,
Michelangelo

**dreadnaut** · 13-10-2009, 22.16.34

Prova a dare un bordo a tutti gli elementi, aggiungendo

Codice:

 * { border: 1px solid red; }

e scoprirai il colpevole

A volte, non è un margin dell'elemento interno, quanto un padding di quello esterno.

**darkwolf** · 13-10-2009, 22.20.30

Io risolverei semplicemente usando un margine negativo :)
Esempio:

Codice:

<li style="margin-left: -25px;">

**dreadnaut** · 13-10-2009, 22.23.54

@darkwolf: oddio no!

Se il browser ha un default diverso che non sia 25px, ti ritrovi con della roba allineata a caso. Devi semplicemente usare UL { padding: 0; }, resettando il css qualunque sia il valore deciso inizialmente dal browser.

**miki92** · 13-10-2009, 22.25.05

Wow bella questa riga di debug...sai non sapevo che anche in CSS potevo utilizzare il carattere jolly * ... beh mi hai fatto scoprire una nuova cosa

Comunque tornando a noi: a me sembra che il problema sia proprio l'UL:

EDIT: Sono riuscito a risolvere assegnando a ul e li due classi differenti e specificando a ul padding:19px e li padding:0px;

Strana soluzione ma funzionante.

Grazie ugualmente del vs aiuto

**darkwolf** · 13-10-2009, 22.37.42

Originalmente inviato da dreadnaut

@darkwolf: oddio no!
....

Non ci avevo pensato però, facendo una prova veloce, mi sembra più pulito come risultato e funziona sia con IE che con Firefox.
Con l'ul a 0 invece ie si comporta stranamente: http://darkwolf.altervista.org/_alte...st/tag-li.html

**dreadnaut** · 13-10-2009, 22.52.56

Il fatto che IE si comporti stranamente è normale, e non devi scrivere codice incorretto solo per farlo felice.

La tua versione non funziona più non appena si cambia la dimensione del testo, si usano liste numeriche, si decide di eliminare il pallino con list-style-type. Preferisco correggere una sola cosa per IE, che mille

**darkwolf** · 13-10-2009, 22.57.35

Afferrato, grazie mille

Discussione: Eliminare margine sinistro in tag <li>

LinkBack

Strumenti discussione

Display

Eliminare margine sinistro in tag <li>

Regole di scrittura