Hola, les cuento mi problema.
Estoy editando un Myspace y ocupé un código div para dejar un banner en la parte superior de él.
Quiero lograr que este banner quede vinculado a una URL fuera de myspace.
Para lograr que el banner quedara en la parte superior ocupé tablas, y el background de la tabla superior vendría siendo el banner.
Como no puedo vincular un background se me ocurrió usar un Map, pero mi problema es que nosé como meter el código del map dentro de mi codigo DIV. Si alguien me puede ayudar estaría muy agradecida.
Aquí va el código completo:
<div class="masthead"><span></span></div>
<style type="text/css">
body {font-size: 0px; font-color:FFFFFF; line-height: auto; background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://www.thefallacy.net/myspace/thefallacy/pixel2.jpg);}
p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}
a, a:link, a:visited {color:FFFFFF; text-decoration: none;}
a:hover {color:FF0000; text-decoration: none}
img {border: none}
br {line-height: 10px;}
form {border-width:1px;background-color:none;}
input {background-color:transparent !important}
body>div {margin-left: 10px;}
table, tr, td, table table, table table td {border-width:1px; background-color: transparent;}
table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
table table table table {border-width:1px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
table table table table td {padding:0px;margin:0px;}
table table table {margin:0px; background-image:url(); width: 100% !important; border-width: 0px; border-style: double; border-color:transparent;}
.masthead {width: 862px; height: 267px; position: absolute; margin-left: -431px; left: 50%; top: 159px; background-image: url(http://www.thefallacy.net/myspace/thefallacy/banner.jpg);}
body table {margin-top:261px;}
body td table, body div table {margin-top: 0;}
font {color:FFFFFF; font-size:10px}
a font:hover {color:cccccc}
a.navbar:link, a.navbar:visited {color:cccccc}
a.navbar:hover {color:cccccc}
table tr td table tr td font {display: inline;}
table tr td table a.navbar {font-size: 12px; color:FFFFFF}
.text {color:FFFFFF;font-size:12px}
a.text:link, a.text:visited {color:cccccc}
a.text:hover {color:cccccc}
.nametext {background-image: url(http://attic.vtrbandaancha.net/images/logo.gif); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 40px; width: 270px; font-size: 12px; text-align: left; color: 4f0400; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 0px 0px; border-style: double; border-color: transparent;}
.contactTable {width: 328px !important;}
.contactTable td {padding: 0px; margin: 0px; text-align: center;}
.contactTable span.whitetext12 {position: relative; left: 10px;}
.contactTable td table {background-color: transparent; background-image: url(http://www.thefallacy.net/myspace/menuspacethefallacy.png); background-position: center; background-repeat: no-repeat;}
.contactTable a {padding: 0px; margin: 0px 0px 1px 1px; display: block; height: 30px; width: 136px; background-color: transparent;}
.contactTable a img, .contactTable img {border: 1px; display: none; visibility: hidden;}
table tr td table tr td table tr td div strong {display: block; width: 270px;}
.whitetext12 {color:FFFFFF; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: normal; border-width: 1px 1px 1px 1px; border-style: double; border-color: transparent; width: 270px}
.blacktext12 {color:FFFFFF; font-size:12px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}
.btext {color:FFFFFF; font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 0px 0px; border-style: double; border-color: transparent}
.orangetext15 {color:FFFFFF; font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 0px 0px; border-style: double; border-color: transparent; width: 372px}
.lightbluetext8 {color:FFFFFF; border-color: transparent}
.redtext,.redbtext {color:FFFFFF; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal}
a.redlink:link {color:FFFFFF; display: inline; text-align: center; border-width: 1px 1px 1px 1px; border-style: double; border-color: transparent; padding-top: 300px;}
a.redlink:visited {color:cccccc}
a.redlink:hover {color:cccccc}
u {text-decoration: none; font-size: 12px;}
</style>
El código del mapa es (ocupé Image Mapper):
<area shape="poly" coords="30,228,30,226,30,262,844,260,840,224,30,22 6,30,226,30,226,30,226,32,228,32,228,32,228,32,228 ,32,228" href="http://www.attic.cl/thefallacy/The_%20Fallacy_%202008%20mp3.rar" target="_SELF">
Si alguien me da una solución diferente a esta que se me ocurrió sería genial.
Saludos!