Menú con Imagenes

[bandolera]

Iniciado por Triby

Hay que crear un estilo para cada elemento del menú, cada uno con su imagen de fondo, ejemplo:

Código CSS:

/* Suponiendo que es con lista no ordenada (UL) */
#menu {
      list-style-type:none;
      margin:0;
      padding:0;
      /* Seguramente necesitarás otras propiedades como borde, etc. */
}
#menu li {
     /* Todos los li con la misma configuración */
     margin:0;
     padding:2px 5px 2px 25px; /* Mayor margen a la izquierda, para poner la imagen */
}
#menu li .configuracion { background:#fff url(ruta/nombre_imagen.gif); top left no-repeat; }
#menu li .micuenta { background:#fff url(ruta/nombre_imagen.gif); top left no-repeat; }
#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.