Hola
JavierB, este es el código completo:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> ALBUM DE FOTOS </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="bordes.css" type="text/css">
<style type="text/css">
<!--
body,html
{margin-top: 10px;
margin-left: 0px;
margin-right: 0px;}
body,html
{overflow-x: hidden;
overflow-y: hidden;}
body,html
{background-color: #eeeeee;}
.letra
{color: #ff0000;
font-size: 15px;
font-family: verdana;
font-weight: normal;
text-decoration: none;
font-weight: bold;}
.letra1
{color: #0000ff;
font-size: 10px;
font-family: verdana;
font-weight: normal;
text-decoration: none;
font-weight: normal;}
.letra2
{color: #0000ff;
font-size: 15px;
font-family: verdana;
font-weight: normal;
text-decoration: none;
font-weight: normal;}
.letra3
{color: #0000ff;
font-size: 12px;
font-family: verdana;
font-weight: normal;
text-decoration: none;
font-weight: normal;}
.letra4
{color: #000000;
font-size: 9px;
font-family: verdana;
font-weight: normal;
text-decoration: none;
font-weight: normal;}
a:link
{color: #0000ff;
text-decoration: none;
font-family: arial;
font-size: 20px;
font-weight: normal;}
a:visited
{color: #0000ff;
text-decoration: none;
font-family: arial;
font-size: 20px;
font-weight: normal;}
a:hover
{color: #ff0000;
text-decoration: none;
font-family: arial;
font-size: 20px;
font-weight: normal;}
a:active
{color: #ff0000;
text-decoration: none;
font-family: arial;
font-size: 20px;
font-weight: normal;}
a.estilo:link
{color: #000000;
text-decoration: none;
font-family: verdana;
font-size: 9px;
font-weight: normal;}
a.estilo:visited
{color: #000000;
text-decoration: none;
font-family: verdana;
font-size: 9px;
font-weight: normal;}
a.estilo:hover
{color: #ff0000;
text-decoration: none;
font-family: verdana;
font-size: 9px;
font-weight: normal;}
a.estilo:active
{color: #000000;
text-decoration: none;
font-family: verdana;
font-size: 9px;
font-weight: normal;}
-->
</style>
<style type="text/css">
<!--
.corchetes
{color: #0000ff;
text-decoration:none;
font-size: 20px;
width:3px;
visibility:hidden;
display:inline;
font-weight: bold;}
-->
</style>
</head>
<body>
<div align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="borde2"><img src="alsapa.png" alt="" /></td>
</tr>
</table>
<p></p>
<table border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="camara-digital1.jpg" alt="" /></td>
<td><img src="album_fotos.gif" alt="" /></td>
<td><img src="camara-digital.jpg" alt="" /></td>
</tr>
</table>
<p></p>
<p></p>
<table class="borde" width="70%" border="5" style="border-collapse:collapse; border-color:#d2691e">
<tr>
<td class="borde1" align="center" style="border-collapse:collapse; border-color:#d2691e; background-color:#b0c4de" title="Estas son mis vacaciones en ''Tenerife''"><a href="tenerife.html">Vacaciones en Puerto de la Cruz (Tenerife)</a></td>
<td class="borde1" align="center" style="border-collapse:collapse; border-color:#D2691E; background-color:#b0c4de"><font class="letra3">Verano 2.003</font></td>
</tr>
<tr>
<td class="borde1" align="center" style="border-collapse:collapse; border-color:#d2691e; background-color:#add8e6" title="Estas son mis vacaciones en ''Roquetas de Mar''"><a href="roquetas.html">Vacaciones en Roquetas de Mar (Almería)</a></td>
<td align="center" style="border-collapse:collapse; border-color:#D2691E; background-color:#add8e6"><font class="letra3">Verano 2.004</font></td>
</tr>
<tr>
<td class="borde1" align="center" style="border-collapse:collapse; border-color:#d2691e; background-color:#b0c4de" title="Estas son mis vacaciones en ''Palma de Mallorca''"><a href="mallorca.html">Vacaciones en Palma de Mallorca</a></td>
<td align="center" style="border-collapse:collapse; border-color:#D2691E; background-color:#b0c4de"><font class="letra3">Verano 2.005</font></td>
</tr>
</table>
<script>
function insertAfter(parent, node, referenceNode) {
parent.insertBefore(node, referenceNode.nextSibling);
}
var As=document.getElementsByTagName("A");
var corchete1,corchete2;
for(var a=0;a<As.length;a++) {
corchete1=document.createElement("DIV");
corchete2=document.createElement("DIV");
corchete1.appendChild( document.createTextNode("[ ") );
corchete2.appendChild( document.createTextNode(" ]") );
corchete1.className=corchete2.className="corchetes";
As[a].parentNode.insertBefore( corchete1 , As[a] );
insertAfter( As[a].parentNode, corchete2, As[a] );
As[a].onmouseover=function() {
this.previousSibling.style.visibility="visible";
this.nextSibling.style.visibility="visible";
}
As[a].onmouseout=function() {
this.previousSibling.style.visibility="hidden";
this.nextSibling.style.visibility="hidden";
}
}
</script>
<p><table border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse; border-color:#000000">
<tr>
<td bgcolor="#add8e6" style="border-collapse:collapse; border-color:#000000"><font class="letra4"> Actualizada el día 17 de Septiembre de 2005 </td>
</tr>
</table></p>
</div>
</body>
</html>
Muchas gracias por interesarte
.
Saludos
PD1.- Mañana te contestaré. Ahora estoy en el trabajo y salgo dentro de un momento.
PD2.- También lo puedes ver en mi firma (Seoista).