html
Código :
<html> <head> <link href="estilo.css" rel="stylesheet" type="text/css"> </head> <body> <div id="contenedor"> <div id="top-enlace"></div> <div id="top-fig-1"></div> <div id="top-buscar"></div> <div id="top-medio-izq"></div> <div id="logo"></div> <div id="top-medio-der"></div> <div id="top-abajo-path"></div> <div id="top-fig-2"></div> <div id="top-fig-3"></div> <div id="menu-izq"></div> <div id="cuerpo"></div> <div id="menu-der"></div> <div id="pie"></div> </div> </body> </html>
css
Código :
#contenedor {
margin: 0 auto;
width:780px;
height:600px;
background-color:olive;
}
#top-enlace {
position:absolute;
left:0px;
top:0px;
width:364px;
height:28px;
background: url(../images/top_enlace.gif)
}
#top-fig-1 {
position:absolute;
left:364px;
top:0px;
width:227px;
height:28px;
background: url(../images/top_fig_1.gif)
}
#top-buscar {
position:absolute;
left:591px;
top:0px;
width:189px;
height:44px;
background: url(../images/top_buscar.gif)
}
#top-medio-izq {
position:absolute;
left:0px;
top:28px;
width:180px;
height:142px;
background: url(../images/top_medio_izq.gif)
}
#logo {
position:absolute;
left:180px;
top:28px;
width:411px;
height:142px;
background: url(../images/logo.gif)
}
#top-medio-der {
position:absolute;
left:591px;
top:44px;
width:189px;
height:142px;
background: url(../images/top_medio_der.gif)
}
#top-abajo-path {
position:absolute;
left:0px;
top:170px;
width:423px;
height:29px;
background: url(../images/top_abajo_path.gif)
}
#top-fig-2 {
position:absolute;
left:423px;
top:170px;
width:168px;
height:29px;
background: url(../images/top_fig_2.gif)
}
#top-fig-3 {
position:absolute;
left:591px;
top:186px;
width:189px;
height:13px;
background: url(../images/top_fig_3.gif)
}
#menu-izq {
position:absolute;
left:0px;
top:199px;
width:180px;
height:361px;
background: url(../images/menu_izq.gif)
}
#cuerpo {
position:absolute;
left:180px;
top:199px;
width:411px;
height:361px;
background: url(../images/cuerpo.gif)
}
#menu-der {
position:absolute;
left:591px;
top:199px;
width:189px;
height:361px;
background: url(../images/menu_der.gif)
}
#pie {
position:absolute;
left:0px;
top:560px;
width:780px;
height:40px;
background: url(../images/pie.jpg)
}
como puedo hacer, a la hora que carga la web de ve algo asi:
