Muuuuuuuuuuchisimas gracias....queda perfecto!!!
Pero sigo teniendo dudas...ya que al poner una imagen en la cabecera y unos iconos para acceder al facebook, twitter,ect...pero se me vuelve a mover al minimizar la ventana, nosé si es que no he entendido bien el concepto!!
Te vuelvo a enviar este código y si me puedes seguri ayudando te lo agradecería un motoooon!!!
<div class="cabecera">
<a href="inicio.html">
<img id="imagenCabecera" src="imagenes/imagen.gif" title="Logo" alt="Logo " class="logo" style="border-width: 0"/></a>
<ul id="logos">
<li><a href="https://twitter.com">
<img id="logo"src="imagenes/logo/icoTwitter.png" title="Logo Twitter" alt="Logo Twitter"/></a></li>
<li><a href="https://es-es.facebook.com">
<img src="imagenes/logo/icoFace.png" title="Logo facebook" alt="Logo facebook"/></a></li>
<li><a href="http://www.google.com">
<img src="imagenes/logo/icoGoogle.png" title="Logo Google" alt="Logo Twitter"/></a></li>
</ul>
</div>
y esto va en el css:
.cabecera{
position:absolute;
width:100%;
height:13%;
}
#imagenCabecera{
float:left;
width:20%;
height:100%;
margin:0px 600px 0px 0px;
}
#logos ul{
float:right;
}
#logos li {
display: inline;
overflow: hidden;
}
#logos li a {
text-decoration: none;
float:left;
color: #fff;
}
#logos li a img{
width:38px;
height:38px;
margin:0px 3px 0px 0px;
border-width: 0px;
}
#logos li a:hover {
margin-top:2px;
padding-bottom:5px;
}
miiiil gracias y saludos.¡!!!