Ver Mensaje Individual
  #8 (permalink)  
Antiguo 21/06/2013, 15:06
Avatar de bandolera
bandolera
 
Fecha de Ingreso: abril-2009
Mensajes: 613
Antigüedad: 15 años
Puntos: 7
Respuesta: Menú con Imagenes

Cita:
Iniciado por Triby Ver Mensaje
Hay que crear un estilo para cada elemento del menú, cada uno con su imagen de fondo, ejemplo:

Código CSS:
Ver original
  1. /* Suponiendo que es con lista no ordenada (UL) */
  2. #menu {
  3.       list-style-type:none;
  4.       margin:0;
  5.       padding:0;
  6.       /* Seguramente necesitarás otras propiedades como borde, etc. */
  7. }
  8. #menu li {
  9.      /* Todos los li con la misma configuración */
  10.      margin:0;
  11.      padding:2px 5px 2px 25px; /* Mayor margen a la izquierda, para poner la imagen */
  12. }
  13. #menu li .configuracion { background:#fff url(ruta/nombre_imagen.gif); top left no-repeat; }
  14. #menu li .micuenta { background:#fff url(ruta/nombre_imagen.gif); top left no-repeat; }
  15. #menu li .facturacion { background:#fff url(ruta/nombre_imagen.gif); top left no-repeat; }

No es tan difícil, cierto?
sip, no es difícil cuando se sabe cómo.
Gracias.
__________________
Todos somos iguales. NO! a la violencia de género.