List estyle no funciona

[fedefrankk]

Hola, una consulta, tengo el siguiente codigo.

Código CSS:

<ul>
 <li><span onclick="b4()" id="t04b" class="este">2</span></li>
<li><span onclick="b5()" id="t05b" class="este">3</span></li>
<li><span onclick="b6()" id="t06b" class="este">4</span></li>
</ul>
 

con

Código CSS:

.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

[cristian_qc]

Poné la dirección de la imagen entre comillas de esta forma:

Código CSS:

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.

[fedefrankk]

Hola Muchas gracias ese era el error, se agradece..
Gracias
Saludos
fede

[ArturoGallegos]

Iniciado por fedefrankk

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

[fedefrankk]

Hola, mi codigo termino asi:

Código CSS:

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