El código completo:
Código HTML:
<html>
<head>
<title>Liquid Dreams</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
<link rel="shortcut icon" href="objetos/favicon.ico" type="image/x-icon" />
<script type="text/javascript">
function setFocus(aField) {
document.forms[0][aField].focus();
}
function isAnEmailAddress(aTextField) {
if (document.forms[0][aTextField].value.length<5) {
return false;
}
else if (document.forms[0][aTextField].value.indexOf("@") < 1) {
return false;
}
else if (document.forms[0][aTextField].value.length -
document.forms[0][aTextField].value.indexOf("@") < 4) {
return false;
}
else { return true; }
}
function isEmpty(aTextField) {
if ((document.forms[0][aTextField].value.length==0) ||
(document.forms[0][aTextField].value==null)) {
return true;
}
else { return false; }
}
function validate() {
if (isEmpty("email")) {
alert("Que email quieres que registremos?.");
setFocus("email");
return false;
}
if (!isAnEmailAddress("email")) {
alert("El e-mail es inválido.");
setFocus("email");
return false;
}
return true;
}
</script>
<meta name="google-site-verification" content="Leld9ktEpsyxqWQVewiGzqg8fKtRQXt1hiRaeHSn8xA" />
</head>
<body>
<img src="objetos/cabecera.jpg" alt=""
<br>
<div id="caja_izq">
<div id="caja_der">
<div class="columna_izquierda">
<font size=3 color=#FFFFFF>
<a href="index.html">
<img src="objetos/noticias1.png"
id="img1"
onmouseover="this.src='objetos/noticias2.png'"
onmouseout="this.src='objetos/noticias1.png';"
/>
</a><br>
<a href="conciertos.html"
<img src="objetos/conciertos1.png"
id="img"
onmouseover="this.src='objetos/conciertos2.png'"
onmouseout="this.src='objetos/conciertos1.png';"
/>
</a><br>
<a href="media.html"
<img src="objetos/media1.png"
id="img2"
onmouseover="this.src='objetos/media2.png'"
onmouseout="this.src='objetos/media1.png';"
/>
</a><br>
<a href="grupo.html"
<img src="objetos/grupo1.png"
id="img3"
onmouseover="this.src='objetos/grupo2.png'"
onmouseout="this.src='objetos/grupo1.png';"
/>
</a><br>
<a href="links.html"
<img src="objetos/links1.png"
id="img4"
onmouseover="this.src='objetos/links2.png'"
onmouseout="this.src='objetos/links1.png';"
/>
</a><br>
<br><br><br><br>
¡Suscribe tu email!<br>
<form action="suscribir.php" method="post" onsubmit="return validate()">
<input name="email" size="20" type="text"><br>
<input value="Suscribir" type="submit">
</font>
</div>
<div class="columna_derecha">
<img src="objetos/noticias.png">
<br>
<font size=3 color=#FFFFFF>
<br>
<img src="objetos/barra.png">
</div>
</body>
</html> el .css:
Código HTML:
#cabecera {background-color: black }
#navegacion li {float:left}
#contenido {background-color: }
#global {width:1054px ; margin: 4px auto }
body {text-align: center}
body {background-color: #000000 ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: repeat-y ; height:100%; }
a {color: White; text-decoration: none}
a:visited {color: DimGray; text-decoration: none}
#news{color:white;font-style:forte}
#navegacion {background-color: red ; border: 1px solid ; height:20px}
img {border-style: none}
#caja_izq {width: 850px;
margin: 20px auto;
overflow: auto;
}
#caja_der {width: 500px;
float: right;
}
.columna_izquierda {width: 280px;
float: left;
padding: 20px;
position: relative;
margin-left: -350px;
}
.columna_derecha {width: 400px;
float: left;
padding: 20px;
}