Foros del Web » Creando para Internet » CSS »

viñeta en listas de definicion

Estas en el tema de viñeta en listas de definicion en el foro de CSS en Foros del Web. Hola, tengo una duda respecto a las listas de definicion. Me gustaría saber si es posible incorporar una viñeta a cada termino de la lista. ...
  #1 (permalink)  
Antiguo 21/02/2006, 01:26
 
Fecha de Ingreso: enero-2003
Mensajes: 330
Antigüedad: 21 años, 9 meses
Puntos: 0
viñeta en listas de definicion

Hola, tengo una duda respecto a las listas de definicion. Me gustaría saber si es posible incorporar una viñeta a cada termino de la lista. Hasta ahora he probado poniendo list-style-type pero no me ha funcionado.

Saludos y gracias por anticipado!
  #2 (permalink)  
Antiguo 21/02/2006, 02:07
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 9 meses
Puntos: 998
¿a que le llamas viñieta?... y ¿como pusistes el list-style-type?
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 21/02/2006, 03:25
 
Fecha de Ingreso: enero-2003
Mensajes: 330
Antigüedad: 21 años, 9 meses
Puntos: 0
Le llamo viñeta a lo que se pone mediante list-style-type en las listas, se le llama viñeta a eso, no? o como es?

Y se lo puse aplicandoselo al dt:

dt{
list-style-type:disc;
}
  #4 (permalink)  
Antiguo 21/02/2006, 07:41
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 19 años, 9 meses
Puntos: 4
pues lo ideal seria aplicarselo a la etiketa <ul> asi:

Código HTML:
ul{
 list-style-type:disc;
}
pruebalo y nos dices

saludos
  #5 (permalink)  
Antiguo 23/02/2006, 05:30
 
Fecha de Ingreso: enero-2003
Mensajes: 330
Antigüedad: 21 años, 9 meses
Puntos: 0
Cita:
Iniciado por ZydRick
pues lo ideal seria aplicarselo a la etiketa <ul> asi:

Código HTML:
ul{
 list-style-type:disc;
}
pruebalo y nos dices

saludos

Hola ZydRick, me refiero a las listas de definicion, que si no me equivoco se forman de la siguiente manera:

Código HTML:
<dl>
   <dt>termino1</dt>
   <dd>definicion1</dd>
   <dt>termino2</dt>
   <dd>definicion2</dd>
</dl> 
Corregidme si no es así.

Saludos
  #6 (permalink)  
Antiguo 23/02/2006, 10:55
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Hola todos :

No se puede poner viñetas a las definiciones, pero se pueden simular.

Lista: cambiar el punto o numero por >>

Dentro hay algunos enlaces y en el Foro hay otros más.
  #7 (permalink)  
Antiguo 23/02/2006, 11:11
 
Fecha de Ingreso: abril-2003
Ubicación: Córdoba
Mensajes: 160
Antigüedad: 21 años, 7 meses
Puntos: 0
yo me inclinaria por hacer una imagen como viñetita, suponte de 8x8 px
y luego:

dt{
bakground:url(imagencita.gif) no-repeat left;
padding-left:10px;
}

asi te pondria esa imagen como fondo en cada <dt> y el texto empezaria 2px despues de la imagen.

pruebalo y nos dices.

saludos
__________________
-----------------
_
__|_|__
º(-_-)º
  #8 (permalink)  
Antiguo 23/02/2006, 11:15
 
Fecha de Ingreso: abril-2003
Ubicación: Córdoba
Mensajes: 160
Antigüedad: 21 años, 7 meses
Puntos: 0
lo probe y anda, solo corregi que en el post anterior escribi mal background

saludos
__________________
-----------------
_
__|_|__
º(-_-)º
  #9 (permalink)  
Antiguo 25/02/2006, 16:05
 
Fecha de Ingreso: enero-2003
Mensajes: 330
Antigüedad: 21 años, 9 meses
Puntos: 0
Muchas gracias por la respuesta, ya lo he hecho como comenta gdb7!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:32.