Comunidad de diseño web y desarrollo en internet online

Pequeños ajustes en menu ya hecho

Citar            
MensajeEscrito el 11 Feb 2008 08:54 pm
Buenas, he comenzado recientemente con esto del css. He hecho el siguiente menu, me ha costado mucho hacerlo, pero ya se comporta casi como quiero:



y quiero que los items que no estan hover queden alineados hacia abajo, es decir así:


Por mucho que le doy vueltas, no lo consigo, ni con padding ni con margin ni con position he conseguido hacer que los items en verde queden más abajo que los de blanco.

Aquí el css de mi menú:

Código :

/*menu*/
#menu ul {
padding: 14px 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 {
   margin: 0px 4px 0px 4px;
   float: left;
}
#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 {
   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;
}
#menu ul li.first {
   margin: 0px 0px 0px 4px;
   }


Gracias!

Por guillegm

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 11 Feb 2008 09:43 pm
porque no pruebas con esto:

#menu ul li a:hover {
height: 50px;
}

a ver que tal

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Feb 2008 08:15 am
Este medidía lo pruebo, aunque creo que ya lo hice... Luego posteo que tal ha ido.
Gracias por la respuesta.

Por guillegm

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 12 Feb 2008 03:17 pm
No ha funcionado... Tendría que hacer que los ul li a (no los hover) se hicieran más bajos (como en las imágenes) que los ul li a.selected.
¿Algún alma caritativa?

Por guillegm

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 12 Feb 2008 04:35 pm
no se si te entendí bien...quieres hacer que al seleccionar una ficha el resto de las fichas se bajen?....no te resultaría mas fácil hacerlo al revés? que al seleccionar la ficha se alzara sobre el resto?

esto ultimo es lo que yo te propuse hacer, salvo que al sobrepasarlo en lugar de seleccionarlo

porque no dejas un enlace al menú para ver como funciona?

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Feb 2008 10:46 pm
Aqui te dejo un enlace.
http://88.2.171.209/prueba/ejemplo.html

Creo que tienes razón pero no se la manera de hacerlo ¿Y como seria para ajustarlo hacia abajo sin que se me amplie el fondo del menu?
¿Me puedes indicar más o menos?

Muchísimas gracias.

Por guillegm

6 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.