✔ Links mit Hover-Effekt, aber ohne Weiterleitung

[Ogga]

Tach allerseits,

Folgendes Scenario bereitet mit Kopfschmerz: In nem Onlineshop gibt es Ersatzteile für verschiedene Geräte. Beim jeweiligen Ersatzteil soll im Beschreibungstext ein Hover-Link sein, mit dem der Besucher kurz checken kann ob er da auch wirklich das richtige Teil für sein Maschinchen bestellt. In etwa so:

<style type="text/css">
a.info{
position:relative;
z-index:1;
background-color:#fff;
color:#00c;
text-decoration:none;
}
a.info:hover{z-index:2; background-color:#aaa}
a.info span{display: none}
a.info:hover span{
display:block;
position:absolute;
top:1em; left:0em; width:9,5em;
border:1px solid #000;
background-color:#; color:#000;
text-align: center}

</style>Blabla Typ 123 f&uuml;r <a href="1" class="info">Isjasupa Serie<span><img width="150" height="180" src="http://xyz.de/thumbs/blabla123.jpg" alt="" /></span></a>

---------------------------------------------------------------------------------------------------------------------------------
Alle die mir sagen wollen, wie unordentlich, furchtbar, oh mein Gott usw. sei gesagt:
1. Ich kenn mich mit html relativ begrenzt aus und klau und improvisier mir das so zusammen.
2. Funktioniert doch!

So, jetzt wos hakt: Wenn man klickt, soll nichts passieren, nur wenn man den Mauszeiger über den Link bewegt, soll das entsprechende Bild aufploppen, wie es das ja nun auch schon tut. Ist sicher einfach, aber ich hab schon gesucht und gesucht und nix gefunden.

Herzlichsten Dank an alle, die mir da irgendwie weiterhelfen können

Ogga

 

[Maik]

Hi,

So, jetzt wos hakt: Wenn man klickt, soll nichts passieren, nur wenn man den Mauszeiger über den Link bewegt, soll das entsprechende Bild aufploppen, wie es das ja nun auch schon tut.

solange das href-Attribut kein Verweisziel enthält, kann beim Klicken des Links auch nichts passieren.

Daher solltest du einfach mal im href-Attribut die Ziffer "1" durch das Gatterzeichen "#" ersetzen.

 

[Ogga]

Vielen Dank Maik!

Das hats gebracht. Ich hab schon geahnt, dass das irgendwas kleines ist...aber wie das so ist, gefährliches Halbwissen....aber jetzt klappts.

MfG
Ogga