Foros del Web - Ver Mensaje Individual

iovan · #10 (**permalink**) 30/05/2010, 21:40

Aun no tiene la estructura que te estoy mensionando.

Mira te hice el header o (top) para darte un ejemplo.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{
    background:#666;
}
 
.contenido {
    position:relative;
    margin: 30px auto;
    width:1206px;
    height:1200px;
    z-index:1;
    background-image: url(fondo2.jpg);
}
.header{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:auto;
}
.menubar{
    margin-top:10em;
    text-align:center;
    float:left;
    width:100%;
    height:auto;
}
.menubar img{
    border:none;
    padding:.5em;
}
 
.logo1{
    position:absolute;
    top:50px;
    left:230px;
    width:40px;
    height:auto;
}
 
.logo2{
    position:absolute;
    top:100px;
    left:400px;
    width:40px;
    height:auto;
}
 
.logo3{
    position:absolute;
    top:130px;
    left:740px;
    width:40px;
    height:auto;
}
 
</style>
</head>
 
<body>
<div class="contenido">
   <div class="header">
      
      <div class="logo1">
         <img src="http://www.pablobasagoiti.es/IMG/pablo_logo.png" width="41,4" height="110" />
      </div>
   
      <div class="logo2">
         <img src="http://www.pablobasagoiti.es/IMG/logo.png"  />
      </div>
      
     <div class="logo3">
         <img src="http://www.pablobasagoiti.es/IMG/texto_presentacion.png" />
      </div>
      
      <div class="menubar">
      <a href="proyectos.html"><img src="http://www.pablobasagoiti.es/IMG/boton_trabajos.png" border="0"  width="100"/></a>
      <a href="formacion.html"><img src="http://www.pablobasagoiti.es/IMG/boton_formacion.png"  border="0" width="105"/></a>
      <a href="experiencia.html"><img src="http://www.pablobasagoiti.es/IMG/boton_experiencia.png"  border="0" width="105"/></a>
      <a href="premios.html"><img src="http://www.pablobasagoiti.es/IMG/boton_premios.png"  border="0" width="73"/></a>
      <a href="CV_Pablo_Basagoiti.pdf" target="_blank"><img src="http://www.pablobasagoiti.es/IMG/boton_cv.png"  border="0" width="23"/></a>
      <a href="book.html"><img src="http://www.pablobasagoiti.es/IMG/boton_book.png"  border="0" width="90"/></a>
      <a href="http://www.pablobasagoiti.es/flash.html" target="_blank"><img src="http://www.pablobasagoiti.es/IMG/boton_flash.png" width="85" border="0"/></a>
      </div>
  </div>
 
</div>
</body>
</html>

Tu debes seguir la estructura correcta y definir el CSS como mejor te convenga, sigue el ejemplo que te he dado.

En el solo esta especificado el header, aun falta el main y el footer

Saludos.