CP Group
observatorio
Diseño para Css desing
Nombre:
Observatorio
Por encima de la pagina:
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;"> <div id="header2"><h1></h1></div> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a id="current" href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> </ul> </div> <div id="content1"> </div> <div id="shouty">Contenido Box</div> <div id="Ancient"> <ul id="ipah1"><center>Contenido pie de la pagina.</center> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>
Sin style Tag:
lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ; front: normal 12px "arial"; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(http://pixelea.com/s/b5b3d82391.jpg); background-color: black;} *{ padding: 0; margin: 0; } #Ancient { margin: 0 auto; left: 50%; width: 1050px; background-color:;} #content { position: absolute; left: 150px; top: 200px; margin-left:-171px; width: 700px; height: 868px; padding:10px; color: #transparent; font-size:13px; background-color: white; background-image: none; border: 0px solid green; overflow:auto;} #shouty { position: absolute; left: 845px; top: 200px; margin-left:-145px; width: 170px; height: 868px; padding:10px; color: black; font-size:12px; background-color:white; background-image:url(http://pixelea.com/s/7cdc52f60d.jpg); border: 0px solid black; overflow:auto;} #ipah1 { position:absolute; left: 150px; top: 1090px; margin-left:-171px; padding:5px; width: 897px; border: 2px solid black; background-color:white; font-size:13px; } #header { display:none;} #header2 { position: absolute; left: 150px; top: 30px; margin-left:-171px; width: 897px; height: 120px; padding:10px; color: white; font-size:13px; background-color: black; background-image:url(http://pixelea.com/s/f7f9a7e214.jpg); border: 1px solid white; overflow:none;} #navcontainer { float:left; position: absolute; top: 173px; /* ubicacion del contenido (arriba o abajo) */ left: -19px; /* ubicacion del contenido (derecha o izquierda) */ margin-left: 0px; width: 897px; height: 25px;padding: 5px 0px 0px 0px; background: black; background-repeat: no-repeat;} #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;} #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0;} #navcontainer ul li a { background: green; width: 78px; height: 18px; border-top: 1px solid black; border-left: 0px solid #ff0000; border-bottom: 0px solid #ff0000; border-right: none; padding: 0; margin: 0 0 10px 0; color: #000; text-decoration: none; display: block; text-align: center; font: normal 11px/18px "arial";} #navcontainer ul li a:hover { color: #fff; background: #808080;} #navcontainer a:active { background: #808080; color: #fff;} #navcontainer li#active a { background: #808080; border: 1px solid #000; color: #fff;}
Este sitio web fue creado de forma gratuita con
PaginaWebGratis.es
. ¿Quieres también tu sitio web propio?
Registrarse gratis