HTML - ocultar y mostrar div o elemento

 
Vista:
sin imagen de perfil
Val: 4
Ha disminuido su posición en 7 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:24:39
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
1
2
3
4
5
6
7
<script type="text/javascript">
 
function mostrar(){
document.getElementById('naipe4').style.display = 'block';}
 
function ocultar(){
document.getElementById('naipe0').hidden = true;}




CODIGO HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<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 ScriptShow
Val: 326
Plata
Ha aumentado su posición en 6 puestos en HTML (en relación al último mes)
Gráfica de HTML

ocultar y mostrar div o elemento

Publicado por ScriptShow (375 intervenciones) el 22/08/2018 14:30:15
Saludos Nicolas,

no sé si lo he entendido bien... Prueba con:

1
2
3
4
5
6
7
<script type="text/javascript">
function mostrar(){
document.getElementById('naipe4').style.visibility = 'visible';}
 
function ocultar(){
document.getElementById('naipe0').style.visibility = 'hidden';}
</script>

Así, quedará ocupado el sitio del elemento siempre.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar