Horóscopo. Su Código HTML :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Zodiaco Occidental</title>
<meta name="description" content="C. Ejemplo de p. web con Zodiaco Occidental incorporado"/>
<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;
}
#faseluna {
text-align: center;
background-color: #000;
vertical-align: middle;
}
a.web12 {
text-decoration: none;
float: left;
}
.borde1 {
border: 1px solid;
}
.centrado {
text-align: center;
display: block;
}
.web01 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: 0px -0px;
width: 14px;
height: 14px;
margin: 0 2px 20px 14px;
text-align: center;
}
a.web01 {
text-decoration: none;
float: left;
}
.web02 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -14px -0px;
width: 13px;
height: 14px;
margin: 0 2px 20px 14px;
text-align: center;
}
a.web02 {
text-decoration: none;
float: left;
}
.web03 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -27px -0px;
width: 13px;
height: 14px;
margin: 0 15px 20px 14px;
text-align: center;
}
a.web03 {
text-decoration: none;
float: left;
}
.web04 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -40px -0px;
width: 17px;
height: 14px;
margin: 0 2px 20px 14px;
text-align: center;
}
a.web04 {
text-decoration: none;
float: left;
}
.web05 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -15px;
width: 16px;
height: 14px;
margin: 0 2px 20px 14px;
;
text-align: center;
}
a.web05 {
text-decoration: none;
float: left;
}
.web06 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -16px -15px;
width: 13px;
height: 14px;
margin: 0 2px 20px 14px;
;
text-align: center;
}
a.web06 {
text-decoration: none;
float: left;
}
.web07 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -28px -15px;
width: 13px;
height: 14px;
margin: 0 2px 20px 14px;
text-align: center;
}
a.web07 {
text-decoration: none;
float: left;
}
.web08 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -41px -15px;
width: 13px;
height: 14px;
margin: 0 15px 20px 14px;
text-align: center;
}
a.web08 {
text-decoration: none;
float: left;
}
.web09 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -0px -30px;
width: 13px;
height: 14px;
margin: 0 17px 20px 14px;
text-align: center;
}
a.web09 {
text-decoration: none;
float: left;
}
.web10 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -14px -30px;
width: 15px;
height: 13px;
margin: 0 27px 20px 14px;
text-align: center;
}
a.web10 {
text-decoration: none;
float: left;
}
.web11 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -29px -30px;
width: 13px;
height: 14px;
margin: 0 2px 20px 14px;
text-align: center;
}
a.web11 {
text-decoration: none;
float: left;
}
.web12 {
background: url('http://www.portaltarot.com/images/spr-zod-chin-occ.gif') no-repeat left center;
background-position: -42px -30px;
width: 13px;
height: 14px;
margin: 0 2px 20px 14px;
text-align: center;
}
a.web12 {
text-decoration: none;
float: left;
}
</style>
</head>
<body>
<table class="borde1">
<tbody>
<tr>
<td colspan="4">
<script type="text/javascript">
function abriro(url) {
open(url,'','top=0,left=0,width=70%,height=100%') ;
}
</script>
<span class="centrado">Signos Zodiaco Occidental
</span></td>
</tr>
<tr><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Aries.htm')" title="Aries. Horóscopo." class="web01">
<span class="signo">Aries
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Tauro.htm')" title="Tauro. Horóscopo." class="web02">
<span class="signo">Tauro
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Geminis.htm')" title="Géminis. Horóscopo." class="web03">
<span class="signo">Géminis
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Cancer.htm')" title="Cáncer. Horóscopo." class="web04">
<span class="signo">Cáncer
</span></a></td>
</tr>
<tr><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Leo.htm')" title="Leo. Horóscopo." class="web05">
<span class="signo">Leo
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Virgo.htm')" title="Virgo. Horóscopo." class="web06">
<span class="signo">Virgo
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Libra.htm')" title="Libra. Horóscopo." class="web07">
<span class="signo">Libra
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Escorpio.htm')" title="Escorpio. Horóscopo." class="web08">
<span class="signo">Escorpio
</span></a></td>
</tr>
<tr><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Sagitario.htm')" title="Sagitario. Horóscopo." class="web09">
<span class="signo">Sagitario
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Capricornio.htm')" title="Capricornio. Horóscopo." class="web10">
<span class="signo">Capricornio
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Acuario.htm')" title="Acuario. Horóscopo." class="web11">
<span class="signo">Acuario
</span></a></td><td>
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/Piscis.htm')" title="Piscis. Horóscopo." class="web12">
<span class="signo">Piscis
</span></a></td>
</tr>
<tr>
<td colspan="4">
<p class="centrado">
<a href="javascript:abriro('http://www.portaltarot.com/zodiaco/signos-del-zodiaco.htm')">
Resumen Signos Zodiaco Occidental</a>
</p>
<p class="centrado">Realizado por:  Portal
<a href="http://www.portaltarot.com/" target="_blank">Tarot</a>
</p></td>
</tr>
</tbody>
</table>
<!-- FIN Zodiaco -->
</body>
</html>
 

Servicio gratuito ofrecido por : Portal Tarot