Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="estilo.css" rel="stylesheet" type="text/css"> </head> <body> <div id="contenedor"> <div id="cabecera"> </div> <div id="menu"> <h2> <ul> <li><a href="#1" title="Home" class="estilo2">Home</li> <li><a href="#2" title="Empresa" class="estilo2">Empresa</li> <li><a href="#3" title="Preguntas" class="estilo2">Preguntas</li> <li><a href="#4" title="Instrucciones" class="estilo2">Instrucciones</li> <li><a href="#5" title="Tarjeta Recargable" class="estilo2">Tarjeta Recargable</li> <li><a href="#6" title="Registro de Línea" class="estilo2">Registro de Línea</li> <li><a href="#7" title="Puntos de Venta" class="estilo2">Puntos de Venta</li> <li><a href="#8" title="Distribuidores" class="estilo2">Distribuidores</li> <li><a href="#9" title="Contacto" class="estilo2">Contacto</li> </ul> </h2> </div> <div id="cabecera1"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="333" height="186"> <param name="movie" value="imagenes/ventana.swf"> <param name="quality" value="high"> <embed src="imagenes/ventana.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="333" height="186"></embed> </object> </div> <div id="cabecera2">fff </div> </div> </body> </html>
Código:
/* CSS Document */ BODY { background : #993300 url(imagenes/fondo.jpg) repeat; margin : 0px 0px 20px 0px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-style: normal; } a:link { color: #ffffff} a:visited { color: #663333} a:hover { color: #957838} a:active { color: #663333} a.estilo2:link { font-family: Tahoma, Verdana, Arial; color: #ffffff; text-decoration: none} a.estilo2:visited { font-family: Tahoma, Verdana, Arial; color: #ffffff; text-decoration: none} a.estilo2:hover { font-family: Tahoma, Verdana, Arial; color: #ff0033} a.estilo2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none} /* aca empieza lo de los h1*/ h1 { color: #FFCC66; font-size: 14px} h2 { font-size: 10px; font-weight: bold } h3 {color: #663333; font-size: 12px;font-weight: normal;} #contenedor{ text-align: left; width: 772px; height: 600px; margin: auto; background-image: url(imagenes/fondopagina.gif); } #cabecera{ /* Aca va el logo y todo lo qeu va en la linea horizontal */ width: 772px; height : 134px; background-image: url(imagenes/fondo.gif); background-repeat: no-repeat; float:left; } #menu{ /* links*/ width: 772px; height : 40px; margin: auto; } #menu ul{ list-style:none; left: 462px; text-align:center; margin: 0px; } #menu li{ list-style:none; left: 462px; display: inline; } #cabecera1{ width: 333px; text-align: left; float:left; margin-top: 20px; /*Margen de alto de el menu*/ margin-left: 10px; } #cabecera2{ width: 400px; margin-top: 20px; float:right; text-align: left; margin-right: 10px; }