Buenas a tod@s,
Sigo con mis problemillas,
Estoy haciendo la cabecera de mi web, q consta de un logotipo y un menú. Pues no sé q pasa q no consigo colocarlo donde quiero, el logo sí, pero el menú no, o se me va al lateral, o arriba o encima del logo. Ahora mismo lo tengo encima del logo.
Envio código a ver:
html
<body>
<div id= "contenedor">
<div id= "cabecera">
<ol>
<li class="uno"><a href="#">INICIO</a></li>
<li class="dos"><a href="filmo.html">FILMOGRAFÍA</a></li>
<li class="tres"><a href="productora.html">PRODUCTORA</a></li>
<li class="cuatro"><a href="proyectos.html">PROYECTOS</a></li>
</ol>
</div>
<div id="contenido"></div>
<div id= "pie">
<ul>
<li><a href="blog.html">BLOG</a></li>
<li><a href="sproduccion.html">SERVICIOS DE PRODUCCIÓN</a></li>
<li><a href="cineonline.html">CINE ON LINE</a></li>
</ul>
</div>
</div>
</body>
css
body {
background:url(../imagenes/fondo2.jpg) no-repeat center;
position:static;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
}
a {
text-transform:uppercase;
text-decoration:none;
color:#666;
cursor:pointer;
}
a:hover {
color:#bcd306;
}
/* Estilos contenedor
-----------------------------------------------------------------*/
div#contenedor {
width:610px;
height:495px;
margin:20px auto 0 auto;
}
/* Estilos cabecera
-----------------------------------------------------------------*/
div#cabecera {
background:url(../imagenes/logo.jpg) no-repeat;
wight:614px;
height:120px;
}
div#cabecera ul {
float:left;
margin-left:110px;
}
div#cabecera ul li{
float:left;
}
agradecería ayuda, gracias
