aqui les dejo por ejemplo el documento html
Código :
<!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=iso-8859-1" /> <title>Documento sin título</title> <link href="afelinmaster.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="contenedor"> <div id="head"> <div id="registro"> <form action="" method="post" name="form1" class="campos" id="form1"> <label> <input name="usuario" type="text" class="form1" id="usuario" value="usuario" size="15" /> </label> <label> <input name="textfield" type="password" class="form1" /> </label> <label> <input name="Submit" type="submit" class="form1" value="Enviar" /> </label> </form> </div> <div align="center" id="buscador"> <form id="form2" name="form2" method="post" action=""> <label> <input name="textfield2" type="text" class="form1" value="buscar..." /> </label> <label> <input name="Submit2" type="submit" class="form1" value="ir" /> </label> </form> </div> <div align="center" id="menu"> <div> <ul id="menubar"><li id="inicio"><a href="www">inicio</a></li> <li id="empresa"><a href="www">empresa</a></li> <li id="contacto"><a href="www">contacto</a></li> <li id="portafolio"><a href="www">portafolio<br /> de trabajos </a></li> <li id="contacto"><a href="www">cursos</a></li> <li id="contacto"><a href="www">informacion</a></li> </ul> </div> </div> </div> <div id="contenido"> <div align="center" id="intro"> <div> <div align="left"> <h1><img src="images/icn.jpg" width="13" height="13" /> portal de formacion</h1> </div> </div> <div align="right" id="img"> </div> <div class="texto-intro">Afelin es una organizaciónde ámbito nacional que representa oficialmente al Sector de Limpieza. Desde que se constituyó el 16 de noviembre de 2000, ha logrado la consolidación de su representatividad integrando a más de 28 provincias a través de 18 asociaciones y federaciones que aglutinan más de 1.000 empresas de limpieza con un volumen de empleo en su conjunto, de 190.000 trabajadores. El sentimiento de unidad, la perseverancia en la negociación y el enorme espíritu de trabajo han hecho posible que hoy en día AFELIN resulte ser un interlocutor válido y de peso a la hora de trabajar en defensa de los intereses del sector. Además, y dado que la aplicación de las nuevas tecnologías son indispensables para afrontar la competitividad en el futuro tecnológico que se avecina, AFELIN suma a sus servicios este portal en aras a facilitar que el sector limpieza resulte cada vez más dinámico, más profesional y se encuentre cada vez más preparado para ofrecer un servicio de mayor calidad a sus clientes. </div> </div> <div id="contenidos-derecha"> <div id="entrada-uno"> <h1>presentacion portal </h1> <div class="textos-entradas"> <p>- dsdsdsdsdsdsd</p> </div> </div> <div align="center"></div> <div id="entrada-dos"> <h1>ampliar informacion </h1> <div class="textos-entradas"> - mas informacion</div> </div> </div> <div id="footer"></div> </div> </div> <div id="menu-footer"> <li><a href="www">inicio</a></li> <li><a href="www">empresa</a></li> <li><a href="www">noticias</a></li> <li><a href="www">contacto</a></li> </div> </body> </html>
y el documento css
Código :
/* CSS Document */
html, body {margin:0px;
padding:0px;
}
body {background-image:url(images/bodybg.jpg); background-repeat:repeat-x;
}
#contenedor {width:719px;
margin:auto;
}
#head {
background-image:url(images/head.jpg);
background-repeat:repeat-x;
height:260px;}
#contenido {height:200px;
background-color:#e0e0e0;
margin:0px;}
#registro {width:400px;
padding-top:5px;
float:left;
}
#buscador {width:300px;
float:left;
padding-top:5px;
}
#menu {position:absolute;
left:200px; top:200px;
z-index:1;
width:700px;
clear:both;
}
#intro {width:245px; padding:5px;
border-bottom-style:solid;
border-bottom-color:#cccc00;
background-color:#ffffff;
margin-left:10px; margin-top:10px;
margin-bottom:10px;
float:left;}
ul#menubar li {
margin:0px;
display:block;
float:left;
margin-left:10px;
height:35px;
width:75px;
background-image:url(images/bot.jpg);
background-repeat:no-repeat;
}
ul#menubar li a {
display:block;
height:35px;
width:auto;
list-style-type:none;
margin:0px;
}
ul#menubar li a:hover {background-repeat:no-repeat;
}
a:hover {
background-image:url(images/botover.jpg); background-repeat:no-repeat;
color:#000000;
}
a:link {background-image:url(images/bot.jpg);
}
#menu a {text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
display:block;
padding-top:10px}
#img {background-image:url(images/ella.jpg);
width:245px;
height:85px;
border:solid;
border-color:#999999;
border-width:2px;
margin:0px;
padding:0px;}
#footer {
background-image:url(images/footer.jpg);
width:719px;
height:58px;
clear:both;
bottom:20px;
}
#contenidos-derecha {
float:right;
width:330px;
margin-top:10px;
margin-right:10px;
margin-left:0px;
}
#entrada-uno {
width:400px;
border-top-width:3px;
border-top-color:#006600;
border-top-style:solid;
background-color:#FFFFFF;
margin-bottom:10px;
}
#entrada-dos {
width:400px;
border-top-width:3px;
border-top-color:#006600;
border-top-style:solid;
background-color:#FFFFFF;
margin-bottom:10px;
}
#entrada-uno, #entrada-dos {
padding-bottom:10px;
}
#menu-footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
width:719px;
margin:auto;
text-align:center;}
#menu-footer li {
margin:0;
padding:0;
float:left;
text-align:center;
margin-left:10px;
}
#menu-footer ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
margin-left:10px;
}
/*clases*/
.form1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999900;
text-decoration: none;
background-color: #EFEFEF;
}
h1 {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
margin-left:4px;
text-transform:uppercase;
margin-top:0px;
padding-top:4px;
}
#contenidos-derecha h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-transform:capitalize;
font-style: italic;
margin-left:4px;
}
.textos-entradas {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-left:4px;
}
.texto-intro {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:justify;
padding-top:10px;
width:245px;
}
y de verdad espero observaciones,, ya que quiero saber que tan "estandar" esta quedando esta web.....muchas gracias ...a todos ...
