• N
    User Newbie •

    liste e IE bug 3 pixel

    [html]<ul id="consiglio_di_amministrazione">
    <li>Paolo Rossi<span>Presidente</span></li>
    <li>Roberto Verdi<span>Vice Presidente</span></li>
    <li>Marco Gialli</span>consigliere</li>
    </ul>
    [/html]
    Il foglio di stile:

    
ul#consiglio_di_amministrazione li {
 display: block;
 list-style: none;
 margin: 0;
 padding: 0;
 width: 100%;
}

    ul#consiglio_di_amministrazione li span {
    margin-left: 100px; ??? così non funziona
    }

    Vorrei fare in modo che quanto racchiuso tra <span></span> sia allineato alla stessa distanza sinistra rispetto all'inizio della lista li a prescidere da quale sia la lunghezza del nome che precede <span>.
    Come posso risolvere il problema?
    Grazie.

    0
  • C
    User Attivo •

    Ciao,
    se ho capito potresti scrivere:

    
 #consiglio_di_amministrazione li span{padding:0 0 0 10px}

    Claudio.

    0
  • K
    Super User •

    Ciao Natspace e benvenuto nel forum GT 🙂

    Penso che tu possa invertire l'utilizzo degli gli span affidandoli invece al blocco di testo che precede ciò che vuoi mettere alla stessa distanza.

    Quindi:
    [html]
    <ul id="consiglio_di_amministrazione">
    <li><span>Paolo Rossi</span> Presidente</li>
    <li><span>Roberto Verdi</span> Vice Presidente</li>
    <li><span>Marco Gialli</span> consigliere</li>
    </ul>
    [/html]A quel punto potresti fare in questo modo:

    #consiglio_di_amministrazione li span{width:**200px**;}
```Al posto di 200 dovrai mettere ovviamente una larghezza da te decisa e soprattutto non superiore alla grandezza del suo genitore (tipo un div o la stessa lista).
    0
Effettua l'accesso per rispondere