menu lista

charlyta · #1 (**permalink**) 05/04/2009, 10:57

Buenas, cómo puedo modificar mi menu usando listas para que no me aparezca la imagen al principio ni al final, sino sólo en medio de cada enlace? ahora me aparece así:

* index * contacto

y quiero que aparexca de este modo:

index * contacto

posman · #2 (**permalink**) 05/04/2009, 13:32

Supongo que la imagen que mencionas es un separador entre cada opcion del menu. No se exactamente como tienes un hoja de estilo (ayudaria mucho que pusieras algo de codigo) pero supongo que la imagen la usas como fondo y la estas colocando a la izquierda.

Si entendi bien, lo que podrias hacer es asignarle una clase diferente a la primer opcion del menu y esa clase no debe poner una imagen de fondo. Algo asi, pero con borde en lugar de imagen

Código HTML:

<head>
<style>
#milista li {
	display: inline;
	border-left: 1px solid black;
	padding-left: 5px;
}
#milista li.primero {
	border: none;
}
</style>
</head>
<ul id="milista">
	<li class="primero">opcion 1</li>
	<li>opcion 2</li>
	<li>opcion 3</li>
</ul>