Bilderpuzzle (basierend auf dem Lückentext-Quiz)

geschrieben am 18.05.2014
aktualisiert am 12.07.2014
zurück zu HH-Quizzes

Bilderpuzzle

ostern_ganz_vorschau

ostern_1_1 ostern_3_1 ostern_3_4 ostern_3_2
ostern_3_3 ostern_4_1 ostern_2_4 ostern_2_3
ostern_2_2 ostern_1_3 ostern_4_4 ostern_4_2
ostern_2_1 ostern_1_2 ostern_4_3 ostern_1_4

Der dazu verwendete Source Code:

<div class="lueckentext-quiz">
<p><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_ganz_vorschau.jpg" alt="ostern_ganz_vorschau" class="linksbuendig" /></p>
<table class="puzzle">
<tr>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_1_1.jpg" alt="ostern_1_1" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_1_2.jpg" alt="ostern_3_1" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_1_3.jpg" alt="ostern_3_4" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_1_4.jpg" alt="ostern_3_2" /></em></td>
</tr><tr>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_2_1.jpg" alt="ostern_3_3" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_2_2.jpg" alt="ostern_4_1" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_2_3.jpg" alt="ostern_2_4" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_2_4.jpg" alt="ostern_2_3" /></em></td>
</tr><tr>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_3_1.jpg" alt="ostern_2_2" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_3_2.jpg" alt="ostern_1_3" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_3_3.jpg" alt="ostern_4_4" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_3_4.jpg" alt="ostern_4_2" /></em></td>
</tr><tr>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_4_1.jpg" alt="ostern_2_1" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_4_2.jpg" alt="ostern_1_2" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_4_3.jpg" alt="ostern_4_3" /></em></td>
<td><em><img src="http://test.hirner.at/wp-content/uploads/2014/07/ostern_4_4.jpg" alt="ostern_1_4" /></em></td>
</tr></table></div>

(2256)

6 Gedanken zu „Bilderpuzzle (basierend auf dem Lückentext-Quiz)“

  1. Naja bitte, jetzt ist zwar der Spalt weg, aber die Vorschau sollte nicht sein und alle anderen Quizzes muss ich jetzt auch neu kontrollieren.

  2. Unfortunately I made a mistake with loading and activating the CSS files. Because someone wanted an entry in the dashboard, so I’ll just create a new version HH-Quizzes 1.1.2. It will be available before weekend.

  3. Hallo Gabriel,
    Oh my God, I forgot that, sorry. But I will care about it, in the next few days, I promise.
    Regards, Helmut

  4. Hi Helmut,

    I’m thinking on use your plugin, and I’ve found a problem with „IMAGES PUZZLE (BASED ON THE CLOZE QUIZ)“. It looks perfect at „http://www.felix-riesterer.de/main/seiten/quizze_en.html#memo-quiz“, with a squared gray where place the pieces, and when all of them are correctly placed matches the original picture. Here (and in my tests), appears a rectangular box with strips between the tiles.
    I’ve tested it also in a clean installation of WP 3.9.1 and only the plugin HH QUIZZES 1.1.1
    Must I change something?
    Thanks you in advance.

    Gabriel.

    1. Hallo Gabriel, danke für das Feedback.
      Ich habe es mir noch nicht angesehen, aber ich vermute, dass es sich mit einem padding oder margin im css einstellen lässt. Werde es mir heute Nacht genauer ansehen und dann hier eine Nachricht hinterlassen. LG Helmut

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.