You are on page 1of 3

<!

doctype html>
<html lang=es>
<head>
<title> el bullyn </title>
<style type=text/css>
#body {
background-attachment: fixed;
background-image: url ();
background-repeat: repeat;
background-color: magenta;
heigth: 800px
width: 800px;
text-align: center;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 1%;
}

#body #cabeza {
border-radius: 20px;
height: 200px;
width: 800px;
background-image: url();
}
#body #cabeza #menu {
background-color: #2175bc;
height: 50px;
width: 800px;
position: absolute;
padding: 0%;
top: 200px;
}
#body #contenedor {
background-color: #fff;
height: 550px;
width: 800px;
float: none;
position: absolute;
top: 250px;
overflow: scroll;
}
#body #cabeza #menu #button {
padding: 0%;
}
#body #cabeza #menu {
background-color: #2175bc;
height: 50px;
width: 800px;
position: absolute;
padding: 0%;
top: 200px;
}
#body #cabeza #menu #button li {
display: inline;
list-style-type: none;
padding: -30px;
margin: 0 auto;
}
#body #cabeza #menu #button li a {
font-family: arial;
font-size: 14px;
text-decoration: none;
padding: 10px;
background-color: #2175bc;
color: #fff;
margin-right: auto;
margin-left: auto;
line-height: 1px;
}
#body #cabeza #menu #button li a: hover {
background-color: #2586d7;
margin-top:-2px;
padding-bottom: 20px;
}
#body #pie {
background-color: trasparent;
height: 30px;
width: 100%;
position: absolute;
visibility: visible;
left: 40px;
top: 800px;
}

#body #pie p {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #fff;
text-decoration: none;
}
</style>
</head>
<body id=body>
<div id=cabeza>
<div id=men>
<ul id=button>
<li><a href=#>MENU</a></li>
<li><a href=#>INICIO</a></li>
<li><a href=#>CONTENIDOS</a></li>
<li><a href=#>CONTACTOS</a></li>
</ul>
</div>
</div>
<div id=contenedor>
</div>
<div id=pie>
<p align=center>hecho por: <a href=#>nombres</a></p>
</div>
</body>
</html>

You might also like