Foros del Web » Creando para Internet » CSS »

Problema de Viñeta y lista

Estas en el tema de Problema de Viñeta y lista en el foro de CSS en Foros del Web. Tengo la necesidad de usar distintas viñetas con imagenes y no logro aplicarlas bien y que se vean en FF en mi caso. Lo que ...
  #1 (permalink)  
Antiguo 01/04/2012, 00:19
Avatar de demoche  
Fecha de Ingreso: junio-2006
Mensajes: 124
Antigüedad: 17 años, 10 meses
Puntos: 0
Problema de Viñeta y lista

Tengo la necesidad de usar distintas viñetas con imagenes y no logro aplicarlas bien y que se vean en FF en mi caso.
Lo que hago a priori es lo siguiente:

Código CSS:
Ver original
  1. ul.dandelion { list-style-image: url(imagenes/dandelion.png);
  2. ul.flecha { list-style-image: url(imagenes/flecha.png);

Encima tengo en mi CSS como por default

Código CSS:
Ver original
  1. ul, li{
  2. padding:0px;
  3. margin:0px;
  4. list-style:none;
  5.             }

Tambien he probado con

Código CSS:
Ver original
  1. #nombredediv {
  2.  
  3.     list-style-image:url(imagenes/dandelion.png);
  4.  
  5. }

y

Código CSS:
Ver original
  1. ul.dandelion { background:url(../images/ima_varias/ico_dandelion_turkois.png);
  2.     background-repeat:no-repeat;
  3.     list-style:none;
  4.     padding-left:20px;
  5.     padding-right:10px;
  6.     font-family:Arial, Helvetica, sans-serif;
  7.     font-size:12px;
  8.     font-style:normal;
  9.     color:#000;
  10.     text-align:left;}

Que estoy haciendo mal o como deberia ser?
Muchas Gracias

Última edición por demoche; 01/04/2012 a las 00:26
  #2 (permalink)  
Antiguo 03/04/2012, 06:29
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 14 años, 11 meses
Puntos: 19
Respuesta: Problema de Viñeta y lista

Hola, estás anulando las viñetas con list-style: none.

Código CSS:
Ver original
  1. ul.dandelion {
  2. list-style:square url("../images/ima_varias/ico_dandelion_turkois.png"); /* si no carga la imagen se ve el boliche*/
  3. padding-left:20px;
  4. padding-right:10px;
  5. font-family:Arial, Helvetica, sans-serif;
  6. font-size:12px;
  7. font-style:normal;
  8. color:#000;
  9. text-align:left;
  10. }

Para estas dudas pequeñas es genial pasarte por aquí: http://www.w3schools.com/cssref/pr_list-style.asp, aprenderás mucho por ti mismo y puedes probar el código online :)

Salud!
  #3 (permalink)  
Antiguo 03/04/2012, 17:02
Avatar de demoche  
Fecha de Ingreso: junio-2006
Mensajes: 124
Antigüedad: 17 años, 10 meses
Puntos: 0
Respuesta: Problema de Viñeta y lista

Gracias AlbertoGarcia, pero porque en DW lo veo bien y cuando hago vista previa en firefox no veo la imagen de la viñeta?
Ah gracias por la web esta muy buena, pero probe con este css y no andubo.

Código CSS:
Ver original
  1. ul.dandelion {
  2. list-style: url("http://www.bezowiedesign.com.ar/mnj/images/ima_icons/ima_icon_cimo_orange.png");
  3. padding-left:20px;
  4. padding-right:10px;
  5. font-family:Arial, Helvetica, sans-serif;
  6. font-size:14px;
  7. font-style:normal;
  8. color:#000;
  9. text-align:left;
  10. }

Última edición por demoche; 03/04/2012 a las 17:11
  #4 (permalink)  
Antiguo 04/04/2012, 02:33
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Problema de Viñeta y lista

la propiedad correcta es

Código CSS:
Ver original
  1. list-style-image:url('vineta.gif');

y no list-style

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 04/04/2012, 20:22
Avatar de demoche  
Fecha de Ingreso: junio-2006
Mensajes: 124
Antigüedad: 17 años, 10 meses
Puntos: 0
Respuesta: Problema de Viñeta y lista

Gracias me sirvio :)

Etiquetas: lista, viñeta
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 19:39.