Foros del Web » Creando para Internet » CSS »

Ayuda con código DIV

Estas en el tema de Ayuda con código DIV en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/10/2008, 19:39
 
Fecha de Ingreso: octubre-2008
Mensajes: 2
Antigüedad: 9 años, 2 meses
Puntos: 0
Ayuda con código DIV

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!
  #2 (permalink)  
Antiguo 16/10/2008, 21:25
Avatar de netskyon  
Fecha de Ingreso: septiembre-2008
Mensajes: 11
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Ayuda con código DIV

Sé que puede sonar muy obvio, pero en caso de tener a mano también el código HTML, por qué no pruebas a quitar la línea "background-image: url(http://www.thefallacy.net/myspace/thefallacy/banner.jpg)" y poner la imagen directamente con una etiqueta img?


Y si no puedes probar a poner un monton de espacios en blanco(&nbsp;) en el texto de la celda en cuestión y luego ponerle un link. Es una solucion muy chapucera y sé que había otra forma más "limpia" de hacer esto último, pero como solución temporal...puede servir.

Saludos!
  #3 (permalink)  
Antiguo 20/10/2008, 12:52
 
Fecha de Ingreso: octubre-2008
Mensajes: 2
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Ayuda con código DIV

Voy a probar, lo segundo me tinca que no me va a funcionar pero de todas formas lo probaré ya que estoy histérica con este problema. Te aviso!
Muchas gracias por tu respuesta!
Saludos y gracias!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:46.