Foros del Web » Creando para Internet » CSS »

problema con imagen al adjuntarla desde css

Estas en el tema de problema con imagen al adjuntarla desde css en el foro de CSS en Foros del Web. hola, bueno necesito que en lado izquierdo del texto que esta en <li>, haya una flecha que es la imagen arrow.png la verdad que no ...
  #1 (permalink)  
Antiguo 18/01/2011, 09:58
Avatar de ras_chalo  
Fecha de Ingreso: junio-2010
Mensajes: 369
Antigüedad: 7 años, 5 meses
Puntos: 6
problema con imagen al adjuntarla desde css

hola, bueno necesito que en lado izquierdo del texto que esta en <li>, haya una flecha que es la imagen arrow.png

la verdad que no logro ver eso.. en cambio se me ve como la imagen que adjunto..

dejo el código :


Código CSS:
Ver original
  1. .list1
  2. {
  3.    
  4.     text-align:left;
  5.  
  6. }
  7.     .list1 li
  8.     {
  9.     background:url(img/arrow.png) no-repeat 4 px;
  10.     padding:0 0 8px 22px;
  11.     font-size: 15px;
  12.     font-weight: bold;
  13.     padding-left: 10px;
  14.     margin-bottom:6px;
  15.     margin-top: 10px;
  16.     margin-left: 10px;
  17.    
  18.     }


y se ve así:



Necesito que en el lugar del punto aparezca mi imagen arrow.png


Espero sus respuestas
de ante mano muchas gracias!!
  #2 (permalink)  
Antiguo 18/01/2011, 13:00
 
Fecha de Ingreso: enero-2011
Mensajes: 58
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: problema con imagen al adjuntarla desde css

pone a backgrount las propiedades no-repeat y left, y asegurate de que la ruta es la correcta...

no tendrás que hacer ../ ?

Saludos!
  #3 (permalink)  
Antiguo 18/01/2011, 13:51
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: problema con imagen al adjuntarla desde css

Puedes definirla para la etiqueta ul de la manera siguiente:

ul.flecha{
list-style: url('arrow.png');
}

y el HTML sería <ul class="flecha"><li>Elemento</li>...</ul>

Eso hará que se sustituya el punto por tu imagen.
  #4 (permalink)  
Antiguo 20/01/2011, 09:52
Avatar de ras_chalo  
Fecha de Ingreso: junio-2010
Mensajes: 369
Antigüedad: 7 años, 5 meses
Puntos: 6
Respuesta: problema con imagen al adjuntarla desde css

Cita:
Iniciado por sanxuan Ver Mensaje
Puedes definirla para la etiqueta ul de la manera siguiente:

ul.flecha{
list-style: url('arrow.png');
}

y el HTML sería <ul class="flecha"><li>Elemento</li>...</ul>

Eso hará que se sustituya el punto por tu imagen.
Muchas gracias!
era justo lo que necesitaba

Saludos y nuevamente muchas gracias!!!

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 20:48.