Posicion de una Imagen

[sarumanice]

HOla bueno tengo un problema en colocar con exactitud una imagen dentro de un div. lo que pasa es que quiero que esa sea un boton y bueno esta todo ok solo no consigo alinearla a donde quiero que este.. e provado con:

<IMG STYLE="position:absolute; TOP:45px; LEFT:180px; SRC="image.gif">

Y si funciona!! pero al minimisar la pagina la imagen queda fuera de ella. e aqui la ruta de la imagen y el codigo que estoy usando espero que me puedan ayudar. :)

Veran que la imagen esta descuadra yo quiero que este al lado izquierdo de las llaves.

www . institutodeseguridad . com

el codigo donde esta la imagen es:

<tr>
<td rowspan="10" width="50%" height="100%" background="images/bg1222.jpg" style="background-position:right top; background-repeat:repeat-y"></td>
<td rowspan="10" width="1" bgcolor="#000000"></td>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><br><OBJECT width="468" height="60">
<PARAM NAME="movie" VALUE="headerbaner.swf">
<EMBED SRC="headerbaner.swf" width="468" height="60">
</EMBED>
</OBJECT><img src="images/name.jpg"></td>
<td width="302" height="98" background="images/bgtop.gif" style="padding-left:70px;padding-top:7px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<div><a href="webmail/"><IMG STYLE= "border = 0" SRC="images/chek.gif"></div>
</tr>
</table>
</td>
</form>
</tr>
</table>
</td>
<td rowspan="10" width="1" bgcolor="#000000"></td>
<td rowspan="10" width="50%" height="100%" background="images/bg1223.jpg" style="background-position:left top; background-repeat:repeat-y"></td>
</tr>

[kseso?]

prueba a dejar así el código de ese enlace:

<a href="webmail/" style="display: block; position: relative; top: -6px; left: 115px;"><img style="" src="images/chek.gif"/></a>

puedes ajustar algo más la posición modificando los valores de top y left.

Un saludo

[sarumanice]

voy a probar con eso gracias :)

[sarumanice]

Funciono!! :) gracias la verdad que me quitaste un gran peso de encima.. muchas gracias :) saludos ahora quedo asi :)

www . institutodeseguridad . com

pd. el unico problema que en el mozilla me aparece el border.. y eso que le e puesto border = 0 pero iguao se ve bien. gracias por todo..

porciacaso esta bn donde coloque el border no? :)

<a href="webmail/" style="display: block; position: relative; top: -9px; left: 111px;"><img style="border=0" src="images/chek.gif"/></a>

Saludos ;)

[kseso?]

Añade a tus estilos, al principio de todo, esta línea:

* {margin: 0; padding:0; border: 0; outline: none;}

Un saludo.

P.D.: para la próxima página, no coloque los estilos en el cuerpo del html y procura no "maquetar" con tablas

[sarumanice]

fenomenal brother ^^ funciono ala perfeccion ah y gracias por el consejo.. ^^ saludos