Thickbox statt Mouseover? [erledigt]

Hallo zusammen,

wir "verstecken Flummi-Bummis" und haben das bisher mit einem Mouseovereffekt gestaltet: http://sifletest.de.tl/Flummi-Bummi-Mouseover-Test.htm

Jetzt würde ich gerne mal eine Thickbox ausprobieren. Dann würde sich ja nicht der Text verschieben und ein kleines neues Fenster beim Klick öffnen?

Idee: Fenster öffnet sich mit //img.webme.com/pic/s/sifle/fb02.jpg und darunter steht dann sowas wie <a href="http://sifle.de.tl/Flummi.htm#flummibummi" title="Flummi Bummi">Was ist ein Flummi Bummi?</a>

Geht das? Wie code ich das?
______________
Gruß von Sven von

Hallo zusammen,
ich hatte super externe Hilfe (http://find-templates.de.tl/Tooltip.htm) und konnte mir das jetzt passend zusammenbasteln.
Dummerweise funktioniert das nur auf dieser einen Seite und ich habe keinen Schimmer warum das auf meiner anderen Seite nicht mehr geht

Falls es wen interessiert:

Der CSS sieht jetzt so aus:

Dazu dann der jeweilige HTML Code:

Das Ganze sollte jetzt 2 Flummi-Bummis im CSS formatieren. Sprich ein Tooltippfenster was sich vom der eigentlichen "Kugel" aus öffnet und rechts bzw. links vom Text steht.

http://sifletest.de.tl/Flummi-Bummi-Mouseover-Test.htm
Das erste ist das ursprüngliche, das zweite und dritte sind die neuen.

Falls noch jemandem Codeverbesserungen einfallen, würde ich mich sehr über einen Kommentar dazu freuen! Ich kann einfach nicht verstehen, warum das auf meiner anderen Seite nicht mit dem Abstand zwischen "Kugel" und Tooltip-Bild nicht einstellbar ist...
______________
Gruß von Sven von

Hallo zusammen,
ich werde wahnsinnig! Ich verstehe den Kram einfach nicht und kann den Fehler nicht finden. Ich habe mich an den margins schon wundgefummelt

Auf meiner Testseite habe ich den identischen CSS Code wie auf meiner Hauptseite.
Auf beiden Seiten habe ich den gleichen HTML Code eingefügt.
Trotzdem funktioniert der Abstand beim Tooltip nicht. Wo ist der Fehler?

Testseite - 3. rosa Kugel unten links: http://sifletest.de.tl/Flummi-Bummi-Mouseover-Test.htm
Hauptseite - rosa Kugel links: http://www.sifle.de/Schweineheim-3-.-0.htm#schritt17
______________
Gruß von Sven von

Was leider nicht herauszulesen ist aus der Frage :

- welches Beispiel funktioniert wie gewünscht , und welches Beispiel nicht
- und was ist dem Fehler "Abstand" genau gemeint ?

Wünschst Du mehr Abstand oder weniger. Und in welche Richtung ?

Gruß Wolle

Hallo Wolle,
wollte dir gerade auf die PN antworten. Aber gerne auch hier, dann haben alle was davon.
Ich habe jetzt den oben stehenden CSS Code verbaut und er funzte anscheinend auch korrekt.
Das Problem lag daran, dass der HTML Code irgendwo innerhalb eines Absatzes (<p>Text Code Text</p>) lag.
Die Lösung war, direkt nach dem <p> den Code einzufügen. Dann hat er auch den Abstand zwischen den Grafiken (wie in CSS angewiesen) genommen.

Also:
<p>
<!-- Beginn Flummibummi -->
<a class="flummibummi01" href="/Flummi.htm#flummibummi" TARGET="_blank" title="Was sind Flummi-Bummi Kaugummis?">
<img class="flummibummilinks" src="//img.webme.com/pic/s/sifle/flummibummi_rosa80px.png" alt="Ein Flummi-Bummi Kaugummi" /> <span>
<img alt="Meerschweinchen Ilani im Pilzhaus" src="//img.webme.com/pic/s/sifle/fb02.jpg" />
</span> </a>
<!-- End Flummibummi -->

Die Frontbretter auf die passende H&ouml;he zuschneiden
<br><i><b>Nochmal HONK!</b> Nach dem ersten Schnitt siedend hei&szlig; bemerken, dass eine Kreiss&auml;ge auf der Terrasse am Sonntag Mittag die Nachbarn sicher stinksauer macht und daher mit Sack und Pack in den Keller umziehen und dort die 2,50m langen Bretter im Flur zuschneiden.</i>
</p>

statt

<p>
Die Frontbretter auf die passende H&ouml;he zuschneiden.

<!-- Beginn Flummibummi -->
<a class="flummibummi01" href="/Flummi.htm#flummibummi" TARGET="_blank" title="Was sind Flummi-Bummi Kaugummis?">
<img class="flummibummilinks" src="//img.webme.com/pic/s/sifle/flummibummi_rosa80px.png" alt="Ein Flummi-Bummi Kaugummi" /> <span>
<img alt="Meerschweinchen Ilani im Pilzhaus" src="//img.webme.com/pic/s/sifle/fb02.jpg" />
</span> </a>
<!-- End Flummibummi -->

<br><i><b>Nochmal HONK!</b> Nach dem ersten Schnitt siedend hei&szlig; bemerken, dass eine Kreiss&auml;ge auf der Terrasse am Sonntag Mittag die Nachbarn sicher stinksauer macht und daher mit Sack und Pack in den Keller umziehen und dort die 2,50m langen Bretter im Flur zuschneiden.</i>
</p>

Frag mich nicht, wieso. Ich bin einfach nur froh, dass es klappt und habe den ganzen Nachmittag alle 25 Flummi-Bummis umgestellt.

______________
Gruß von Sven von