Boton cerrar?

[kenproxd]

Bueno hize una tabla en html con los siguiente codigos:

Código:

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="images/esquina_izquierda.png"></td><td style="background: url('images/fondo_bienvenida.png');background-repeat:repeat-x; background-position:top left;"><div style="position:absolute;padding-top:0px;padding-left:925px;"><img src="images/cerrar.png"></div><div style="padding-top:0px;padding-left:10px;padding-bottom:5px;"><img src="images/bienvenida.png"></div><br>
<div style="padding-left:10px;"><font size="1" color="#a4a4a4">Actualmente estamos trabajando constantemente en esta comunidad, por lo que es muy probable que puedan experimentar lentitud en el servidor, o encontrar algunas funciones
con errores.<br>Les agradeceremos que nos informen de estos mediante el formulario de <a href="contacto.php" class="logo">Contactanos</a>.</font></div></td>
<td><img src="images/esquina_derecha.png"></td></tr></table>

Asi se ve:



Quisiera hacer que la imagen ''images/cerrar.png'' haga que esta tabla desaparesca al pulsar el botón.

supuse que es con javascript asi que postee aqui, si me equivoco disculpen.

y gracias desde ya ^^

[Adler]

Hola

En la tabla, en la propiedad display la pones en block

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="display:block">

Ahora has de usar una función para manejar esa propiedad

Suerte

[kenproxd]

gracias por tu respuesta tan pronta ^^

me especificarias un poco más el codigo java que tendria que usar y las propiedades que deberia tener el boton? soy novato en esto aun.

Gracias ^^

[Adler]

Hola

La tabla

<table width="100%" cellpadding="0" cellspacing="0" border="0" id="tabla" style="display:block;">
<tr>
<td><img src="images/esquina_izquierda.png"></td>
<td style="background: url('images/fondo_bienvenida.png');background-repeat:repeat-x; background-position:top left;">
<div style="position:absolute;padding-top:0px;padding-left:925px;">
<img src="images/cerrar.png" onclick="javascript:OcultarTable(tabla)" /></div>
<div style="padding-top:0px;padding-left:10px;padding-bottom:5px;"><img src="images/bienvenida.png"></div><br>
<div style="padding-left:10px;"><font size="1" color="#a4a4a4">Actualmente estamos trabajando constantemente en esta comunidad, por lo que es muy probable que puedan experimentar lentitud en el servidor, o encontrar algunas funciones
con errores.<br>Les agradeceremos que nos informen de estos mediante el formulario de <a href="contacto.php" class="logo">Contactanos</a>.</font></div></td>
<td><img src="images/esquina_derecha.png"></td></tr></table>

El javascript

Código Javascript:

<script type="text/javascript">
function OcultarTable(id) {
document.getElementById(id).style.display = (document.getElementById(id).style.display == 'block') ? 'none' : 'block';
}
</script>
 

Suerte

[kenproxd]

pues no funciona.. me sale un error de página.

------
Linea: 63
Caracter: 1
Error: se requiere un objeto
------

esta es la linea 63: function OcultarTable(id) {

[Adler]

Hola

Perdona, faltan las comillas. Cámbialo por esto otro

onclick="javascript:OcultarTable('tabla')"

Suerte

[kenproxd]

funciono perfectooo :D muchas gracias *-*