CSS-Rollover in verzwickter Position

Hi Jörg und CoKG,

WebLink
CSS-Link

Unten rechts habe ich das ApothekenA als CSS-Rollover eingebaut. Unter dem A liegt ein Kasten, der quasi der Rollover für den Erklär-Text ist, nur in anderer Bauart.

Leider finde ich es absolut unhübsch, daß der Text ausgeblendet wird sobald man über dem A ist, und andersrum wird A wieder grau wenn ich nur über dem blinden Kasten bin. Dies wackelt mir zu sehr.

Ich hatte auch schon beides in einem Div-Container, doch da kam ich auch nicht richtig vorwärts.

Fällt euch eine Lösung ein, mit der ich ganz einfach beide Rollover-Effekte anspreche sobald man mit der Mouse über dem blinden Kasten ist.

Dank euch. Ciao Simon.

Hi Jörg,

Hier dein Tipp aus der Code-Vorgabe, der aber leider nicht im IE funktioniert, was mich natürlich nicht zufriedenstellt


ich möchte gerne deinem im Klammern stehenden Hinweis folgen, doch mit dem span bzw. den Inline-Elementen komme ich einbißchen drucheinander.

Hier mein Versuch. Aber leider wird der InfoText verschluckt. Nach meinem Verständnis wg dem doppelt-verschachtelten span-Element. Kannst du mir noch einen Wink mit dem Zaunpfahl geben?

Eine andere Idee wäre die blinde Box mit dem Apotheken-Rollover zu versehen, doch da habe ich mich total verrannt .... NEIN mit JavaScript habe ich da einen neuen Ansatz Doch auch auch hier begebe ich mich auf neuen Wegen auf denen ich noch nie war und Hilfe brauche.

... irgendwie stehe ich auf dem Schlauch ...

Danke vielmals für deine stetige Mühe und guten Tipps. #Simon

Zu der zweiten von dir verlinkten Lösung

Momemntan ist es ja so, dass das JavaScript beim Hover für das Element id="info" den betreffenden Hintergrund einblendet. du möchtest das Bild aber ja wohl nur an einer bestimmten Stelle und in einer betimmten Größe einblenden. Dafür solltest du dann auch ein eigenes Element erstellen, welches die betreffende ID erhält.

Beispiel (die genaue Positionierung von #info_img müsstet du auch noch festlegen):

<div id="info">
<a href="javascript:;"><span><p>Mit meiner Handball-Truppe bin ich 2x hintereinander aufgestiegen. Das ist jawohl Doppelporno, und dafür gab's das passende T-Shrit.</p>
<div id="info_img" style="height:10; width:28px">&nbsp;</div></span>
<img src="bilder/navi/info_platz.gif" width="200" height="600" border="0" title="" onMouseOver="mouse_hover('info_img')" onMouseOut="mouse_out('info_img')"></a>
</div>