problema simple con una IMG en el DW

Citar

Escrito el 18 Sep 2009 09:08 pm

tengo una img que le puse unos hipervinculos y se me desarmo todo

quiero que se vea asi:

pero cuando le pongo los hipervinculos se ve asi:

eso que se ve ahi que se sale es donde estan los hipervinculos, y nose como "encajarlos" aca les dejo el html que estoy usando, espero que me puedan ayudar porque ya estoy con esto asi---> :stress:

Código HTML :

<style> 
.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-repeat:repeat;margin-top:340px;
}
 
div.topbanner {
position: absolute;
top: 0;
left: 50%;
margin-left: -431px;
text-align:left;
width: 862px;
height: 340px;
z-index: 1;
}
 
 
</style> 
 
<div class="topbanner"><center><img src="http://gastonlaterza.com.ar/images/cabeza-myspace_01.png" alt="" width="859" height="226" /></a><img src="http://gastonlaterza.com.ar/images/cabeza-myspace_02.png" border="0" alt="" /><a><img src="http://gastonlaterza.com.ar/images/cabeza-myspace_08.png" alt="" width="292" height="90" class="topbanner" /><a><img src="http://gastonlaterza.com.ar/images/cabeza-myspace_09.png" alt="" width="92" height="77" class="topbanner" /><a><img src="http://gastonlaterza.com.ar/images/cabeza-myspace_07.png" alt="" width="136" height="108" class="topbanner" /></a></a></a></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xMTU5ODM5MjQ="><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xMTU5ODM5MjQ="><img src="http://gastonlaterza.com.ar/images/add.png" alt="add" border="0" class="topbanner" /></a><img src="http://gastonlaterza.com.ar/images/message.png" alt="message" width="98" height="18" border="0" class="topbanner" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTExNTk4MzkyNA=="><img src="http://gastonlaterza.com.ar/images/comment.png" alt="comment" width="153" height="18" border="0" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9HYXN0b24tTGF0ZXJ6YS8yOTMwNzM2MzIxMD9yZWY9dHM=" target="_blank"><img src="http://gastonlaterza.com.ar/images/facebook.png" alt="" width="92" height="31" border="0" class="topbanner" /></a><a><img src="http://gastonlaterza.com.ar/images/spacer.gif" width="1" height="18" alt="" /><img src="http://gastonlaterza.com.ar/images/spacer.gif" width="1" height="13" alt="" /></a><img src="http://gastonlaterza.com.ar/images/spacer.gif" width="1" height="77" alt="" /></a> 
</div>

Por x1bsas

1 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 19 Sep 2009 03:36 am

Amm pero no nos dejaste imagen ni nada mara poder ahcerte algo.. mira la solucion es meter un DIV dentro de otro DIV

Código HTML :

<style>  
div.topbanner {
   background-image: url(http://gastonlaterza.com.ar/images/cabeza-myspace_01.png);
   width: 800px;
   height: 300px;
} 
.secciones{
   color: #FFF;
   font-size: 18px;
   padding-left: 300px;
   padding-top: 180px;
}
</style>  
<body>
<div class="topbanner">
  <div class="secciones">Aqui metes las imagenes de tu menu</div>
</div>