HTML - ocultar y mostrar div o elemento

 
Vista:
sin imagen de perfil
Val: 4
Ha disminuido su posición en 19 puestos en HTML (en relación al último mes)
Gráfica de HTML

ocultar y mostrar div o elemento

Publicado por nicolas (4 intervenciones) el 06/08/2018 03:26:09
buenas tengo una serie de cartas ya hice varios intentos en una tabla y en 2 tablas distintas, oculte un elemento de html utilizando la propiedad none y hidden probe con las dos, lo que pasa es que al darle ocultar y mostrar con javascript la carta que se oculta deja el espacio no lo ocupa entonces la carta siguiente toma ese lugar y se desordenan todas, se puede poner las cartas fijas? es decir para que no se muevan aca dejo los codigos

CODIGO JAVASCRIPT
<script type="text/javascript">

function mostrar(){
document.getElementById('naipe4').style.display = 'block';}

function ocultar(){
document.getElementById('naipe0').hidden = true;}




CODIGO HTML
<table border="1" align="center" width="100px" height="600px" bordercolor="black" cellspacing="0" cellpadding="0" id="tabla">

<tr>


<td class="carta" id=naipe0 type="button" value="" onclick="ocultar(); mostrar()" align="center">
<img src="https://www.forotarot.net/consultas/tiradaespañola/pic1/carta.png" width="80px" height="100px">
</td>



</tr>
<tr>

<td>
<div class="carta" id=naipe4 type="button" value="" onclick="" align="center" >
<img src="https://lacajadepandra.files.wordpress.com/2015/12/espadas-002.jpg" width="80px" height="100px">
</div>
</td>

</tr>

<tr>

<td class="carta" id=naipe7 type="button" value="" onclick="" align="center">
<img src="https://lacajadepandra.files.wordpress.com/2015/12/espadas-002.jpg" width="80px" height="100px">
</td>

</tr>
<tr>

<td class="carta" id=naipe10 type="button" value="" onclick="" align="center">
<img src="https://lacajadepandra.files.wordpress.com/2015/12/espadas-002.jpg" width="80px" height="100px">
</td>


</tr>
</table>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de santi
Val: 93
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

ocultar y mostrar div o elemento

Publicado por santi (31 intervenciones) el 08/08/2018 02:10:34
Hola,

creo que entiendo tu problema... Lo que debes hacer es ocultar el contenido del <td>, no el <td> en general, por eso se desestructura toda la tabla..

Mira de añadir las funciones de mostrar y ocultar de javascript al <img> de dentro del <td> y a ver si te funciona ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar