Maestro_kanelo Forero

Registrado: 28 Oct 2005
Mensajes: 96
|
Publicado: Sab May 30, 2009 11:50 am Título del mensaje: Problema con div |
|
|
Buenas, haber si alguien me puede echar un cable, intentare explicarme lo mejor posible para que entendais lo que me sucede.
Acabo de empezar a hacer una pagina con div, y digamos que no soy ningun experto en esto de diseñar webs, he intentado hacer un menu horizontal y aparentemente todo es correcto, mi problema es que por ejemplo si tengo cuatro botones, al ir disminuyendo la ventana los botones se me van desplazandose hacia abajo (una especie de return) y asi uno detras de otro cuanto mas disminuyo la ventana.
Imagino que es algo de la hoja de estilos asi que os adjunto aqui lo que tengo para ver si os aclara un poco lo que os he intentado explicar:
#menu {
background-color: #B0B0BB;
position: static;
height: 40px;
width: 100%;
top: 140px;
visibility: visible;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
}
#menu ul {
padding:0px;
margin:0px;
list-style:none;
width: 100%;
}
#menu li{
display:inline;
text-align: center;
list-style-type: square;
width: 100%;
}
#menu li a{
color:#FFFFFF;
text-decoration:none;
background-color: #B0B0BB;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
vertical-align: middle;
text-align: center;
line-height: 40px;
margin-left: 200px;
}
#menu li a:hover{
color:#000000;
cursor: default;
}
Muchas Gracias de antemano!! |
|