Código HTML :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Fases de la Luna</title>
<meta name="description" content="C. Ejemplo de p. web con fase lunar incorporada"/>
<style type="text/css">.signo {
text-align: center;
font-size: 10px;
font-family: arial;
float: left;
margin: 12px 0 0 -12px;
}
table {
margin: auto;
max-width: 70%;
}
table td {
border: 1px solid;
}
.borde1 {
border: 1px solid;
}
.centrado {
text-align: center;
display: block;
}
.sigCh {
text-align:center;font-size:10px; font-family:arial;float:left;margin:12px 0 0 0;
}

.webRa {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -43px; width:45px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webRa {text-decoration:none;float:left; }

.webBu {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -68px; width:43px; height:25px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webBu {text-decoration:none;float:left; }

.webTi {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -93px; width:50px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webTi {text-decoration:none;float:left; }

.webLi {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -120px; width:45px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webLi {text-decoration:none;float:left; }

.webDr {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -145px; width:45px; height:25px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webDr {text-decoration:none;float:left; }

.webSe {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -170px; width:27px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webSe {text-decoration:none;float:left; }

.webC1 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -29px -170px; width:27px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webC1 {text-decoration:none;float:left; }

.webC2 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -195px; width:22px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webC2 {text-decoration:none;float:left; }

.webMo {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -22px -195px; width:25px; height:25px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webMo {text-decoration:none;float:left; }

.webGa {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -220px; width:17px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webGa {text-decoration:none;float:left; }

.webPe {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -17px -220px; width:18px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webPe {text-decoration:none;float:left; }

.webJa {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -245px; width:35px; height:26px;
margin: 0 2px 20px 14px;text-align:center;
}
a.webJa {text-decoration:none;float:left; }
</style>
</head>
<table class="borde1">
<tbody>
<tr>
<td colspan="4" class="fverdeos">
<script type="text/javascript">
function abrirc(url) {
open(url,'','top=0,left=5,width=70%,height=100%') ;
}
</script><noscript><a href="zodiaco/Raton.htm" target="_blank"> Horoscopo Chino Raton</a><br /><a href="zodiaco/Bufalo.htm" target="_blank"> Horoscopo Chino Bufalo</a><br /><a href="zodiaco/Tigre.htm" target="_blank"> Horoscopo Chino Tigre</a><br /><a href="zodiaco/Gato.htm" target="_blank"> Horoscopo Chino Gato</a><br /><a href="zodiaco/Dragon.htm" target="_blank"> Horoscopo Chino Dragon</a><br /><a href="zodiaco/Serpiente.htm" target="_blank"> Horoscopo Chino Serpiente</a><br /><a href="zodiaco/Caballo.htm" target="_blank"> Horoscopo Chino Caballo</a><br /><a href="zodiaco/Cabra.htm" target="_blank"> Horoscopo Chino Cabra</a><br /><a href="zodiaco/Mono.htm" target="_blank"> Horoscopo Chino Mono</a><br /><a href="zodiaco/Gallo.htm" target="_blank"> Horoscopo Chino Gallo</a><br /><a href="zodiaco/Perro.htm" target="_blank"> Horoscopo Chino Perro</a><br /><a href="zodiaco/Jabali.htm" target="_blank"> Horoscopo Chino Jabali</a></noscript>
<span class="centrado blanco letrasemi">Signos del Horóscopo Chino </span>
</td>
</tr>
<tr>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Raton.htm')" title="Ratón; Signos del Horócopo Chino." class="webRa"><br /><span class="sigCh">Ratón</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Bufalo.htm')" title="Búfalo; Signos del Horócopo Chino." class="webBu"><br /><span class="sigCh">Búfalo</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Tigre.htm')" title="Tigre; Signos del Horócopo Chino." class="webTi"><br /><span class="sigCh">Tigre</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Gato.htm')" title="Liebre o Gato; Signos del Horócopo Chino." class="webLi"><br /><span class="sigCh">Liebre</span></a></td>
</tr>
<tr>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Dragon.htm')" title="Dragón; Signos del Horócopo Chino." class="webDr"><br /><span class="sigCh">Dragón</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Serpiente.htm')" title="Serpiente; Signos del Horócopo Chino." class="webSe"><br /><span class="sigCh">Serpiente</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Caballo.htm')" title="Caballo; Signos del Horócopo Chino." class="webC1"><br /><span class="sigCh">Caballo</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Cabra.htm')" title="Cabra; Signos del Horócopo Chino." class="webC2"><br /><span class="sigCh">Cabra</span></a></td>
</tr>
<tr>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Mono.htm')" title="Mono; Signos del Horócopo Chino." class="webMo"><br /><span class="sigCh">Mono</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Gallo.htm')" title="Gallo; Signos del Horócopo Chino." class="webGa"><br /><span class="sigCh">Gallo</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Perro.htm')" title="Perro; Signos del Horócopo Chino." class="webPe"><br /><span class="sigCh">Perro</span></a></td>
<td><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/Jabali.htm')" title="Jabalí; Signos del Horócopo Chino." class="webJa"><br /><span class="sigCh">Jabalí</span></a></td>
</tr>
<tr>
<td colspan="4">
<span class="centrado letrasemi"><a href="javascript:abrirc('http://www.portaltarot.com/zodiaco/signos-del-zodiaco-chino.htm')"> Tabla de Fechas Horóscopo Chino</a><br>
Realizado por:  Portal <a href="http://www.portaltarot.com/" target="_blank">Tarot</a></span>
</td>
</tr>
</tbody>
</table>
<!-- FIN Horoscopo Chino -->

</body>
</html>

 

Servicio gratuito ofrecido por : Portal Tarot