Código HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Prueba</title> <link href="Untitled-5.css" rel="stylesheet" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><style type="text/css"> </style></head> <body> <div id="content"> <div id="cabecera">å</div> <div id="lhs"></div> <div id="contenido"> <p> <p>bus consectetuer nunc Nunc sapien nunc. Est id lacinia elit nunc porttitor orci faucibus nibh cursus molestie. </p> <p>Convallis orci orci dapibus sit id Nam congue iaculis nibh ante. Lacus sed Nam montes interdum et vel enim tristique risus montes. Orci ipsum nec suscipit elit convallis fringilla iaculis et amet leo. Ut congue id Mauris eros neque neque a gravida vel consequat. Ut nunc dictum Cras habitasse neque Curabitur et volutpat nulla dolor. Pretium molestie justo.</p> <p>Morbi quis eget et justo porttitor tortor ac sed odio amet. Condimentum ultrices In Donec libero dolor tincidunt consequat pretium convallis Nam. Purus purus neque enim adipiscing eros at tellus consectetuer Ut tellus. </p> <p>Et elit ac Sed et Nulla magna et malesuada orci sagittis. Sit id lorem fermentum Integer id Quisque Phasellus et Curabitur orci. Consectetuer justo risus sed Cras Curabitur In tellus lorem pretium Morbi. Nibh molestie urna rutrum vitae pede urna id faucibus gravida nulla. Nisl libero senectus parturient at auctor.</p> <p>Interdum et Vivamus orci et sodales mattis dolor auctor odio vestibulum. Orci Proin Curabitur mauris tincidunt ultrices libero orci quis Phasellus id. Cursus pellentesque Vestibulum sit quis sapien tempus odio facilisis eu ipsum. In mauris tristique In et condimentum dolor leo Curabitur id consequat. Dui amet euismod ultrices tortor odio tempus.</p> <p>At nibh molli </strong><a href="http://www.ddd.com" target="_blank">www.dddd.com</a><br /> <strong>Email:</strong> <a href="mailto: [email protected]" target="_blank">[email protected]</a> </p> </div> <div id="rhs"></div> <div id="mb"></div> <div id="pie"></div> <div id="contenido2"> <p><strong>XXXXXXXX:</strong><br /> Xxxxxx - xxx xxXXXX – <br /> XXXX xXXXXXxx x<br /> </span><span class="bold">informacion: </span><a href="http://www.ddd.com/outlets.html" target="_blank">www.ddd.com/outlets.html</a></p> </div> <div id="brhs"></div> </div> </body> </html>
Código :
@charset "UTF-8";
/* CSS Document */
<style>
body {
margin:0;
padding:0;
text-align:left;
}
body,td,th {
font-size: 11.8px;
font-family: Georgia, Times New Roman, Times, serif;
}
a {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 11.8px;
}
a:link {
text-decoration: none;
color: #09C;
}
a:visited {
text-decoration: none;
color: #06C;
}
a:hover {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
}
.white {
color: #FFF;
}
.bold {
font-weight: bold;
color: #FFF;
}
body {
background-color: #2e2209;
}
#content {
text-align:centre;
margin:auto;
background-color:#CCC;
width:900px;
height:1100px;
}
#cabecera {
width: 900px;
height:321px;
background-image:
url(imagesnl/top.jpg);
background-color:#f00;
}
#lhs {
width:116px;
height:339px;
float:left;
background-image:url(imagesnl/lhs.jpg);
background-color:
#F00;
}
#contenido {
width:790px;
height:339px;
background-color:#eff8aa;
text-align: left;
vertical-align: text-top;
}
#rhs {
width:110px;
height:779px;
float:right;
background-image:url(imagesnl/rhs.jpg);
margin-top:-339px;
background-color:
#F00;
}
#mb {
width:790px;
height:262px;
background-image:
url(imagesnl/mb.jpg);
background-color:
#F00;
}
#pie {
width:433px;
height:178px;
background-image:url(imagesnl/bhs.jpg);
float:left;
background-color:
#F00;
}
#contenido2 {
width:357px;
height:110px;
background-color:#eff8aa;
margin-left:433px;
}
#brhs {
width:357px;
height:74px;
margin-left:433px;
background-image:url(imagesnl/brhs.jpg);
background-color:
#F00;
}
</style>
