[cssdesign] [pillola della settimana] list-style-type: disc su Firefox in Windows

Gio 31 Gen 2008 18:35:27 CET

Come molti di voi sicuramente avranno notato, Firefox su Windows
rende i marcatori di un elenco non ordinato in un modo differente
dalle altre piattaforme. Il tipo di marcatore 'disc' viene generalmente
reso di forma romboidale, specialmente quando la dimensione del font
è al 100%. La soluzione consiste nell'applicare una marcatura aggiuntiva
ed un codice CSS da dare tramite JavaScript. La marcatura è la seguente:

<ul>
<li class="small"><span>List item</span></li>
<li class="small"><span>List item</span></li>
<li class="small"><span>List item</span></li>
</ul>

A questo punto applichiamo il CSS:

li.small {font-size: 76%;}
li.small span {font-size: 134%;}

Il valore 76% è una costante che riporta la forma del marcatore a quella
di un cerchio. Il valore 134% serve a colmare il divario tra la dimensione
del font delle voce di elenco e quella dell'elemento al suo interno.
All'indirizzo
http://www.css-zibaldone.com/risorse/firefox/list-style-type-disc-firefox.html
trovate l'implementazione del tutto. Tenete presente che se servite la
pagina
come application/xhtml+xml non è ovviamente possibile ricorrere al metodo
brutale document.write. Dovete creare un elemento <link /> ed aggiungerlo
all'elemento <head> tramite il metodo appendChild().

-- 
http://www.css-zibaldone.com/
http://www.css-zibaldone.com/test/ (English)
http://mimicry.css-zibaldone.com/
-------------- parte successiva --------------
Un allegato HTML è stato rimosso...
URL: http://itlists.org/pipermail/cssdesign/attachments/20080131/28c86733/attachment.htm 