Foros del Web » Creando para Internet » CSS »

List estyle no funciona

Estas en el tema de List estyle no funciona en el foro de CSS en Foros del Web. Hola, una consulta, tengo el siguiente codigo. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original <ul >  <li > <span onclick = "b4()" id = "t04b" class ...
  #1 (permalink)  
Antiguo 03/08/2011, 18:35
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 778
Antigüedad: 9 años, 9 meses
Puntos: 7
Pregunta List estyle no funciona

Hola, una consulta, tengo el siguiente codigo.

Código CSS:
Ver original
  1. <ul>
  2.  <li><span onclick="b4()" id="t04b" class="este">2</span></li>
  3. <li><span onclick="b5()" id="t05b" class="este">3</span></li>
  4. <li><span onclick="b6()" id="t06b" class="este">4</span></li>
  5. </ul>

con

Código CSS:
Ver original
  1. .este:hover {list-style-image:url(03_port_productos/01.gif);font-weight:bold;cursor:pointer; font-size:14px}

quiero que al pasar el maus por cada li, muestre la imagen que esta en el hover, pero no me funciona. si el tamaño, y tambien el bold, pero no la imagen.

Como podra hacer?
Saludos a todos
gracias
Fede
  #2 (permalink)  
Antiguo 04/08/2011, 00:15
Avatar de cristian_qc  
Fecha de Ingreso: abril-2011
Mensajes: 43
Antigüedad: 6 años
Puntos: 8
Respuesta: List estyle no funciona

Poné la dirección de la imagen entre comillas de esta forma:
Código CSS:
Ver original
  1. url( '03_port_productos/01.gif' );

Y si no te toma la imagen, mira el código fuente en Chrome, o en Firefox, "inspeccionando el elemento" y de esa forma buscas la dirección completa de la imagen para estar seguro de que está bien.
  #3 (permalink)  
Antiguo 04/08/2011, 07:49
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 778
Antigüedad: 9 años, 9 meses
Puntos: 7
Respuesta: List estyle no funciona

Hola Muchas gracias ese era el error, se agradece..
Gracias
Saludos
fede
  #4 (permalink)  
Antiguo 04/08/2011, 08:26
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.661
Antigüedad: 9 años, 2 meses
Puntos: 913
Respuesta: List estyle no funciona

Cita:
Iniciado por fedefrankk Ver Mensaje
Hola Muchas gracias ese era el error, se agradece..
Gracias
Saludos
fede
seguro que era eso? yo rara ves uso las comillas ya que no son necesarias, para tu caso hubiera jurado que el problema era que lo estabas aplicando a un <span> y debe ser a un <ul> o <li> que son los elementos de lista

tendré que pasar a hacer pruebas
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 04/08/2011, 09:10
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 778
Antigüedad: 9 años, 9 meses
Puntos: 7
Pregunta Respuesta: List estyle no funciona

Hola, mi codigo termino asi:

Código CSS:
Ver original
  1. li:hover {list-style-image:url('03_port_productos/01.gif');font-weight:bold;cursor:pointer; font-size:14px}

le puse las comillas simples, y tambien le puse "li:hover" no me he fijado si anda sin comillas, pero anda,

Mira como salio:



como puedo arreglar el espacio de la flecha a la palabra TERMINAl.. ?
Bueno muchas gracias de nuevo.
saludos
fede

Etiquetas: list, tamaño
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 06:20.