Foros del Web » Creando para Internet » CSS »

Ajuste Menu horizontal

Estas en el tema de Ajuste Menu horizontal en el foro de CSS en Foros del Web. Buenas, estoy maquetando una web en css y me encuentro con lo siguiente. Quiero que en el menú de navegación el ítem seleccionado (blanco) se ...
  #1 (permalink)  
Antiguo 11/02/2008, 11:53
 
Fecha de Ingreso: agosto-2007
Mensajes: 44
Antigüedad: 10 años, 4 meses
Puntos: 0
Ajuste Menu horizontal

Buenas, estoy maquetando una web en css y me encuentro con lo siguiente.

Quiero que en el menú de navegación el ítem seleccionado (blanco) se vea más grande que el resto, de esta manera.


Aquí esta mi código css del menú:
Código:
/*menu*/
#menu ul {
margin: 0 auto;
padding: 10px 0 0 0;
background-color: #564a18;
display:block;
height:50px;
font-family: georgia, serif;
font-size: 9pt;
color: white;
font-weight:bold;
text-align: center;
list-style-type: none;
}
#menu ul li {
	float: left;
	margin-left: 4px;
}
#menu ul li a {
	padding: 14px 0 0 0;/*0.5em;*/
	display: block;
	width: 100px;
	height: 30px;
	text-decoration: none;
	color: white;
	border-width: 1px;
    border-color: #fff;
    border-style: solid;
	background: #857d2b;
}
#menu ul li a:hover {
margin:5px 0 0 0 0;
	color:black;
	border-color: #fff;
    border-style: solid;
	background:white;
}
#menu ul li a.selected {
	padding: 6px;/*0.5em;*/
	display: block;
	width: 100px;
	height: 40px;
	color:#000000;
	background: white;
	margin-left:-4px;
}
También me gustaría saber como puedo hacer para que quede una franja de 50px de alto en todo la anchura de la web, pero que el menu no comience en el principio.
Muchas gracias.
  #2 (permalink)  
Antiguo 12/02/2008, 04:26
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Ajuste Menu horizontal

para hacer el botón mas grande simplemente dale mas height al div :D, lo estas haciendo con ul y li?
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 12/02/2008, 09:27
 
Fecha de Ingreso: agosto-2007
Mensajes: 44
Antigüedad: 10 años, 4 meses
Puntos: 0
Re: Ajuste Menu horizontal

le doy el valor del height con ul y li. Si le doy un heigt mayor, lo que me hace es que se ve más grande, y yo lo que quiero es que los ul li a se hicieran más bajos (como en las imágenes que muestro) que los ul li a.selected.
Ejemplo:
Así está:

Así lo querría


Muchas gracias.
  #4 (permalink)  
Antiguo 12/02/2008, 18:03
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Ajuste Menu horizontal

simplemente le metes un padding-top de los pixeles que quieres.
__________________
No diseñes usando tablas.
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 04:34.