Ver Mensaje Individual
  #11 (permalink)  
Antiguo 18/09/2005, 14:14
Avatar de braulito
braulito
 
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 20 años
Puntos: 8
Prueba con éste código:
Código:
        #menu_principal ul {
		list-style-type: none;
		padding: auto 15px; /* Juega con esto */
	}
	
	#menu_principal li {
		list-style-image: url('icono_link.gif');
	}
Algunos consejos:
  • Si estás usando XHTML y CSS, tienes que escribir todas las etiquetas en minúscula y cerrar todas las etiquetas (por ahi vi un <LI> y un <br>, debería ser <li> y <br />).
  • En #menuprincipal defines width:135 pero no le das las unidades, siempre tienes que darle unidades, en este caso estás usando píxeles y sería width:135px;
  • Para poner una imagen en las listas no es necesario darle background: blabla, sino usar la propiedad list-style-image: url('tuimagen').
  • Si en buayacorp.com lo hice con background, el background está en el link y no en la lista, es para hacer el efecto de movimiento cuando pasas el mouse.
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño