Foros del Web » Creando para Internet » CSS »

Problemas con list-style y imagen

Estas en el tema de Problemas con list-style y imagen en el foro de CSS en Foros del Web. Hola a todos, tengo algo parecido a un menu creado de la siguiente forma: li:hover {list-style-image:url('03_port_productos/01.gif');font-weight:bold;cursor:pointer; font-size:14px} <div class="solaproductos" id="solpro"> <ul> <li><span onclick="b1()" id="t01b" class="este">CENTRALES</span></li> ...
  #1 (permalink)  
Antiguo 04/08/2011, 15:15
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 783
Antigüedad: 10 años, 2 meses
Puntos: 7
Pregunta Problemas con list-style y imagen

Hola a todos, tengo algo parecido a un menu creado de la siguiente forma:

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


<div class="solaproductos" id="solpro">


<ul>
<li><span onclick="b1()" id="t01b" class="este">CENTRALES</span></li>
<li><span onclick="b2()" id="t02b" class="este">TERMINALES</span></li>
</ul>
</div>

lo que quiero poner es un icono (imagen) en el list-style, sale todo bien pero queda mucho espacio entre la letra..



esa flecha queda muy lejos del texto, la linea roja es solamente de referencia del espacio. existe alguna manera de acercar esa imagen mas al texto?

Bueno, saludos a todos gracias de antemano
Fede
  #2 (permalink)  
Antiguo 04/08/2011, 19:23
Avatar de cristian_qc  
Fecha de Ingreso: abril-2011
Mensajes: 43
Antigüedad: 6 años, 5 meses
Puntos: 8
Respuesta: Problemas con list-style y imagen

Bueno podrías agregarle esto:
Código CSS:
Ver original
  1. text-indent: -5px;

Creo que es una salida rápida, osea no es la forma correcta pero bueno solucionarías tu problema.
  #3 (permalink)  
Antiguo 05/08/2011, 08:55
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 783
Antigüedad: 10 años, 2 meses
Puntos: 7
Pregunta Respuesta: Problemas con list-style y imagen

Hola, muchas gracias por contestar, si me sirvio, me hacerca la letra de derecha a izquieda, lo que no hace es hacercar la flecha de izquierda a derecha, veo como lo soluciono,
Muchas gracias por tu aporte.
Saludos
fede

Etiquetas: Ninguno
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:12.