2009-11-12 23 views
15

Sto utilizzando i tag dl, dt e dd in uno dei miei progetti. Voglio mostrare un proiettile prima dello dd. Come posso trasformare i miei dd in un elenco di elenchi utilizzando i CSS?Aggiungi stile bullet a elemento dd

+0

Thanks: list-item ha fatto la magia – Joemon

risposta

27

Il modo più semplice è quello di modificare le proprietà delle vostre <dd>

dd { 
    display: list-item; 
    list-style-type: disc; 
    } 

Lavori in tutti i browser.

si veda questo articolo: Visualizzazione dei ragazzi http://www.quirksmode.org/css/display.html

+3

Potrebbe anche essere necessario giocare con il margine/riempimento. – DisgruntledGoat

0

Utilizzare un'immagine di sfondo.

Oppure provate:

dd 
{ 
    display: list-item; 
    list-style-type: disc; 
} 

Non ho idea se funzionerà comunque.

0

testato in Firefox e semplicemente aggiungendo il display stile: list-item dovrebbe fare il trucco

0

è possibile utilizzare l'attributo di stile nel tag "dd", o spostare quella di uno "stile" sezione come classe o id. Poiché il dl è un tipo di lista, non è necessario il display " ": list-item; " Penso che potrebbe anche essere sbagliato. Comunque, potrebbe essere usato. Invece del disco, è possibile utilizzare altri tipi (guarda http://www.w3schools.com/css/pr_list-style-type.asp) ...

<html> 
    <body> 
    <dl> 
     <dt>Term</dt> 
     <dd style="display: list-item;">Term description</dd> 
    </dl> 
    </body> 
</html> 

Spero che questo aiuti.

+0

stili inline sono cattiva abitudine ... utilizzare il foglio di stile ... questo è quello che è per! –