<![CDATA[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.

]]>https://connect.gt/topic/99834/liste-e-ie-bug-3-pixelRSS for NodeFri, 22 May 2026 03:09:49 GMTMon, 20 Apr 2009 19:46:14 GMT60<![CDATA[Reply to liste e IE bug 3 pixel on Sat, 25 Apr 2009 22:19:04 GMT]]>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).
]]>https://connect.gt/post/825347https://connect.gt/post/825347Sat, 25 Apr 2009 22:19:04 GMT<![CDATA[Reply to liste e IE bug 3 pixel on Thu, 23 Apr 2009 20:31:41 GMT]]>Ciao,
se ho capito potresti scrivere:


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

Claudio.

]]>https://connect.gt/post/825346https://connect.gt/post/825346Thu, 23 Apr 2009 20:31:41 GMT