Foros del Web » Creando para Internet » CSS »

Lista con imágen a la derecha

Estas en el tema de Lista con imágen a la derecha en el foro de CSS en Foros del Web. Buenas, Estoy intentando, en una lista, poner una imagen a la derecha del texto, pero no me sale la imagen. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver ...
  #1 (permalink)  
Antiguo 30/04/2014, 11:51
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 3 meses
Puntos: 4
Lista con imágen a la derecha

Buenas,
Estoy intentando, en una lista, poner una imagen a la derecha del texto, pero no me sale la imagen.

Código CSS:
Ver original
  1. nav ul li{list-style-image:url(fletxa.png);
  2.       background-position:right top;
  3. }

Ve alguien el error que estoy cometiendo?
Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #2 (permalink)  
Antiguo 30/04/2014, 12:10
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Lista con imágen a la derecha

list-style-image no sirve para poner un fondo, sino una imagen al elemento de la lista.

Usa background-image.
  #3 (permalink)  
Antiguo 07/05/2014, 10:20
 
Fecha de Ingreso: marzo-2014
Mensajes: 10
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: Lista con imágen a la derecha

Usa background-image, background-repeat:no-repeat + background-position (X), background-position (Y)
  #4 (permalink)  
Antiguo 07/05/2014, 11:38
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 8 meses
Puntos: 60
Respuesta: Lista con imágen a la derecha

otra opción, que es la que yo uso, es usar la propiedad "content" junto a los pseudoelementos "::before" y "::after"
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.
  #5 (permalink)  
Antiguo 07/05/2014, 12:58
 
Fecha de Ingreso: mayo-2014
Mensajes: 2
Antigüedad: 9 años, 11 meses
Puntos: 0
Respuesta: Lista con imágen a la derecha

Yo te sugiero si te da lata usar el background-image y ponerle un pagging left a la lista para simular la viñeta. Otra cosa que yo he llegado a hacer es poner la imagen directamente.

Etiquetas: background, derecha, imágen, lista
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 00:45.