Foros del Web » Creando para Internet » CSS »

menu vertical con imagenes de fondo

Estas en el tema de menu vertical con imagenes de fondo en el foro de CSS en Foros del Web. Hola, estoy tratando de hacer un menú vertical que tenga de fondo imágenes, una en la parte superior donde empieza el bloque del menu, otra ...
  #1 (permalink)  
Antiguo 28/02/2006, 10:37
 
Fecha de Ingreso: enero-2003
Mensajes: 330
Antigüedad: 14 años, 10 meses
Puntos: 0
Pregunta menu vertical con imagenes de fondo

Hola, estoy tratando de hacer un menú vertical que tenga de fondo imágenes, una en la parte superior donde empieza el bloque del menu, otra para las zonas centrales y otra donde acaba el menu. Me gustaría que me comentarais la manera correcta de hacerlo. Yo hasta ahora he hecho lo siguiente pero no se si es lo más apropiado. Además, no consigo separar el texto de las opciones del menu del borde izquierdo ya que si le doy un padding-left a .opciones-menu, tambien desplazo la imagen de fondo.


Código:
#menu{
font-family:Arial, Helvetica, sans-serif;
width:143px;
background-color:#999999;
}
h2{
font-size:14px;
background-image:url(images/menu-cabecera.gif);
background-position:top;
background-repeat:no-repeat;
padding: 0px 0px 0px 10px;
height:25px;
margin:0px;
}

.lista-menu{
padding:0px;
margin:0px;
list-style-type:none;
}
.opciones-menu{
width: 100%;
background-image:url(images/menu-medio.gif);
background-repeat:no-repeat;
height:20px; /*altura de la imagen*/
margin:0;
font-size:12px;
padding: 0px 0px 0px 0px;
}

.opciones-menu-bajo{
width: 100%;
background-image:url(images/menu-bajo.gif);
background-repeat:no-repeat;
height:20px;
margin:0;
font-size:12px;
padding: 0px 0px 0px 0px;
}



	<div id="menu">
		<h2>Lecciones</h2>
		<ul class="lista-menu">
			<li class="opciones-menu">Leccion 1></li>
			<li class="opciones-menu">Leccion 2</li>
			<li class="opciones-menu-bajo">Leccion 3</li>
		</ul>
	</div>
Saludos y muchas gracias
  #2 (permalink)  
Antiguo 04/03/2006, 06:32
 
Fecha de Ingreso: enero-2003
Mensajes: 330
Antigüedad: 14 años, 10 meses
Puntos: 0
Alguna ayuda please?
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 03:15.