Tema: float left
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/04/2011, 07:02
picasona
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 14 años
Puntos: 0
float left

Buenas a todos,
estoy intentando que el logo en mi página y los botones de menú queden alineados y no me sale.
Envio la parte de código y de css a ver si alguien ve el fallo y me puede ayudar,
muchas gracias
Àngels

[SIZE="3"][SIZE="2"][SIZE="3"]CSS
/* Estilos cabecera
-----------------------------------------------------------------*/
div#menu {
height:80px;
width:800px;
margin:0px 0 0 0px;
padding-top:50px;
float:left;
}
div#menu logo H1 {
height:80px;
width:300px;
float:left;
}
div#menu botones {
height:80px;
width:300px;
float:left;
}
div#menu botones p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
float: left;
margin: 50px 0px 0px 10px;

}[/SIZE

html:
<body>
<div id="menu">
<div id="logo">
<h1><img src="images/logo.png"/></h1>
</div>
<div id="botones">
<p><a href="home.html"><img src="images/boton_inicio.png"/></a></p>
<p><a href="catalogo.html"><img src="images/boton_catalogo.png"/></a></p>
<p><a href="envios.html"><img src="images/boton_envios.png"/></a></p>
<p><a href="contacto.html"><img src="images/boton_contacto.png"/></a></p>
</div>
</div>