Estoy usando dl, dt y dd etiquetas en uno de mis proyectos. Quiero mostrar una viñeta antes del dd. ¿Cómo puedo hacer que mi dd s en una lista de viñetas usando CSS?Agregar estilo de viñeta al elemento dd
La manera más fácil es cambiar las propiedades de sus <dd>
dd {
display: list-item;
list-style-type: disc;
}
Trabaja en todos los navegadores.
Ver este artículo: http://www.quirksmode.org/css/display.html
También puede ser necesario jugar con el margen/relleno. – DisgruntledGoat
Use una imagen de fondo.
O tratar:
dd
{
display: list-item;
list-style-type: disc;
}
Ni idea de si funcionará sin embargo.
probado en Firefox y sólo añadir la pantalla de estilo: list-item debe hacer el truco
También se puede usar el atributo de estilo en la etiqueta "dd", o mover eso a un sección de "estilo" como clase o id. Como el dl es un tipo de lista, no necesita el "display: list-item;" Creo que también podría estar mal. De todos modos, esto podría ser utilizado. En lugar del disco, es posible utilizar otros tipos (ver 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>
Espero que esto ayude.
estilos en línea son una mala práctica ... utilizar la hoja de estilo ... eso es para lo que sirve! –
Gracias chicos muestran: list-item hizo las mágicas – Joemon