HTML:
Cita:
CSS:<HEAD>
<link href="estilo.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<div id="banner"><img src="imagenes/banner.jpg" width="800" height="200" alt=""></div>
<div id="links"><a href="index.htm" class="enlace">Inicio</a> | <a href="galeria.htm" class="enlace">Imagenes</a> | <a href="videos.htm" class="enlace">Videos</a> | <a href="historia.htm" class="enlace">Historia</a> | <a href="foro/index.php" class="enlace">Foro</a></div>
</BODY>
</HTML>
<link href="estilo.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<div id="banner"><img src="imagenes/banner.jpg" width="800" height="200" alt=""></div>
<div id="links"><a href="index.htm" class="enlace">Inicio</a> | <a href="galeria.htm" class="enlace">Imagenes</a> | <a href="videos.htm" class="enlace">Videos</a> | <a href="historia.htm" class="enlace">Historia</a> | <a href="foro/index.php" class="enlace">Foro</a></div>
</BODY>
</HTML>
Cita:
la capa links no me la deja en el centro sino en la izquierda-centro, y los botones no me los respeta nada.BODY { margin : auto; padding : 20px; color: #FFFFFF; background-color: #666666;}
P { font-family: Arial ; font-size: 12px ; color: #FFFFFF; text-align: center;}
#banner { margin : auto; text-align: center;}
#links { margin : auto; width: 800px; background-color: #FFFFFF; text-align: center;}
A.enlace, A.enlace:VISITED, A.enlace:ACTIVE, A.enlace:FOCUS, A.enlace:LINK{ font-family: arial; font-size: 12px; padding: 0px; background-image: url(imagenes/boton1.jpg) color: #000000; text-decoration: none; font-weight: bold; }
A.enlace:HOVER{ font-family: arial; font-size: 12px; padding: 0px; background-image: url(imagenes/boton2.jpg) color: #000000 ; font-weight: bold ; }
P { font-family: Arial ; font-size: 12px ; color: #FFFFFF; text-align: center;}
#banner { margin : auto; text-align: center;}
#links { margin : auto; width: 800px; background-color: #FFFFFF; text-align: center;}
A.enlace, A.enlace:VISITED, A.enlace:ACTIVE, A.enlace:FOCUS, A.enlace:LINK{ font-family: arial; font-size: 12px; padding: 0px; background-image: url(imagenes/boton1.jpg) color: #000000; text-decoration: none; font-weight: bold; }
A.enlace:HOVER{ font-family: arial; font-size: 12px; padding: 0px; background-image: url(imagenes/boton2.jpg) color: #000000 ; font-weight: bold ; }
Nose a que se debe ayuda
Un saludo