Foros del Web » Creando para Internet » CSS »

¿Como agregar viñetas CSS?

Estas en el tema de ¿Como agregar viñetas CSS? en el foro de CSS en Foros del Web. [URL="http://www.araudi.net/forosdelweb/menu_desplegable8.html"]Menú 5[/URL]: menú en vertical, con el segundo nivel también en vertical a su derecha. [URL="http://www.araudi.net/forosdelweb/css/menu8.css"]Y su css[/URL]. Como puedo agregarle viñetas al menu 5? ...
  #1 (permalink)  
Antiguo 25/03/2011, 10:00
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 16 años, 3 meses
Puntos: 0
¿Como agregar viñetas CSS?

[URL="http://www.araudi.net/forosdelweb/menu_desplegable8.html"]Menú 5[/URL]: menú en vertical, con el segundo nivel también en vertical a su derecha.

[URL="http://www.araudi.net/forosdelweb/css/menu8.css"]Y su css[/URL].

Como puedo agregarle viñetas al menu 5? Intente pero me salen mal y solo cuando paso el mouse por encima del boton! Voy a agradecer su ayuda...
  #2 (permalink)  
Antiguo 25/03/2011, 10:23
Avatar de laratik  
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 13 años, 10 meses
Puntos: 63
Respuesta: ¿Como agregar viñetas CSS?

Que tal algo como esto:

Código CSS:
Ver original
  1. ul {
  2.     list-style: url(images/flecha.png) inside;
  3. }
__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.
  #3 (permalink)  
Antiguo 25/03/2011, 14:45
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 16 años, 3 meses
Puntos: 0
Respuesta: ¿Como agregar viñetas CSS?

cuando pruebo eso me aparece, pero me modifica laa altura del bolque del boton y lo pone arriba en una esquina.. estoy empezando a familiarizarme recien con css y me parece q no debe ser dificil poner una viñeta, y es algo q decora y queda bien..
  #4 (permalink)  
Antiguo 25/03/2011, 15:47
Avatar de laratik  
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 13 años, 10 meses
Puntos: 63
Respuesta: ¿Como agregar viñetas CSS?

Solo lo probe en chrome y se veia perfecto , pero al hacer la prueba en el resto de navegadores se descuadraa . Así que para hacer un efecto crossbrowser es mejor hacer algo como esto:

Código CSS:
Ver original
  1. a {
  2.     background:url(images/flecha.png) no-repeat 30px center;
  3. }

Por lo menos ahora si probe en 4 navegadores y en los 4 se ve bien.
__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.
  #5 (permalink)  
Antiguo 25/03/2011, 17:56
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 16 años, 3 meses
Puntos: 0
Respuesta: ¿Como agregar viñetas CSS?

PERFECTO!!! muchas gracias por el aporte me sirvio muchisimo y quedo 10 puntos... muchas gracias!!!

Etiquetas: viñetas
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 07:01.