Printable View
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
Prova a dare un bordo a tutti gli elementi, aggiungendoe scoprirai il colpevole :wink: A volte, non è un margin dell'elemento interno, quanto un padding di quello esterno.Codice:* { border: 1px solid red; }
Io risolverei semplicemente usando un margine negativo :)
Esempio:
Codice:<li style="margin-left: -25px;">
@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.
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 :lol:
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
Non ci avevo pensato però, facendo una prova veloce, mi sembra più pulito come risultato e funziona sia con IE che con Firefox.Citazione:
Originalmente inviato da dreadnaut
Con l'ul a 0 invece ie si comporta stranamente: http://darkwolf.altervista.org/_alte...st/tag-li.html :???:
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 :wink:
Afferrato, grazie mille :wink: