Spoiler zeigt nur ein Bild

[brandt-max]

Hallo liebe Community.
Ich hbae mich erstmal mit dem Thema Spoiler auseinandergesetzt und es funktioniert eigentlich gut. Nur habe ich im Spoiler drinnen eine Tabelle mit Text und Bild und es wird das zweite Bild nicht angezeigt. Ich habe keinen Schimmer warum. Kann mir bitte jemand helfen?

code:

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

<span style="cursor:pointer;" onclick="spoil('id1');"><img src="http://www.stelisabeth.at/sub_test/wp-content/uploads/2016/09/sek-Wels.jpg"/></span>

<div id="id1" style="display:none;">
<table style="text-align: center; margin: 0 auto; padding: 3px 3px 3px 3px; border: 1;">

<tr>
<td>
<img class="size-full wp-image-87 alignnone" src="http://www.stelisabeth.at/sub_test/wp-content/uploads/2016/08/drescher.jpg" alt="drescher" width="80" height="81" />
</td>
</tr>
<tr>
<td align="left">
<blockquote>ANDREAS DRESCHER</blockquote>
<ul>
   <li><small>Vereinsobmann Stv</small></li>
   <li>Tel: 0043 (0)676/7216636</li>
   <li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</td>


<td>
<img class="size-full wp-image-87 alignnone" src="http://www.stelisabeth.at/sub_test/wp-content/uploads/2016/08/hanak.jpg" alt="hanak" width="80" height="81" />
</td>

<td align="left">
<blockquote>PETER HANAK</blockquote>
<ul>
   <li><small>Sozialversicherung & Administration</small></li>
   <li>Tel: 0043 (0)7242 / 44371</li>
   <li><a href="mailto:eek:[email protected]">[email protected]</a></li>
</ul>
</td>



</tr>

</table>
</div>

 

[SpiceLab]

habe ich im Spoiler drinnen eine Tabelle mit Text und Bild und es wird das zweite Bild nicht angezeigt.

Ich seh beide Bilder: https://jsfiddle.net/spicelab/ab2dmnLj/

 

[brandt-max]

Seltsam. Ich sehe nur eins. Der Code ist ja richtig soweit...denke ich...

Ausserdem ist es verschoben bei deiner anzeige obwohl alles exakt gleich im Code ist..
Hast du da eine Idee dazu?

 

[SpiceLab]

Jaaa - ein wenig versetzt kommen sie schon daher

Grund dafür sind Zeile 10 u. 11 (<tr></tr>), die ich in diesem Update auskommentiert habe:

https://jsfiddle.net/spicelab/ab2dmnLj/1/

 

[brandt-max]

Witzigerweise sehe ich gar kein Bild mehr wenn ich diese ebenfalls auskommentiere...

untereinander funktioniert es. nebeneinander nicht. Da fehlt dann das Bild

 

[SpiceLab]

Witzigerweise sehe ich gar kein Bild mehr wenn ich diese ebenfalls auskommentiere...

Witzig daran ist eher, dass ich Deinen Codeschnippsel 1:1 übernommen habe, und keine derartigen Probleme damit habe - browserübergreifend

Vielleicht ist die Ursache im übrigen Code zu suchen, den wir nicht kennen...

 

[brandt-max]

Wenn es eine möglichkeit gibt, das ich es daneben und nicht darunter einblenden kann, wäre mir das ja egal. Ich will viel scrollen vermeiden

 

[SpiceLab]

Wenn es eine möglichkeit gibt, das ich es daneben und nicht darunter einblenden kann, wäre mir das ja egal. Ich will viel scrollen vermeiden

Das hat aber nichts mit dem vermeintlichen Problem zu tun, dass sich derzeit nur bei Dir alleine abspielt.

 

[brandt-max]

Ok. Müss ich wohl etwas tüfteln... Aber danke für deine INfo

 

[SpiceLab]

Ok. Müss ich wohl etwas tüfteln...

Darauf läuft's hinaus.

Aber danke für deine INfo

Gerne :)