Was ist hier falsch ?

[SchokoBrunnen]

Moin,

ich habe das Problem, dass mein Tooltip nicht angezeigt wird, wenn man mit der Maus drüberfährt. Der Text, der beim öffnen des Tooltips erscheinen soll ist Test. Der ist aber neben dem Bild.
Also, wenn man auf das 1 Bild drüberfährt, erscheint ein anderes Bild -> Klappt!
Beim verändern des Bildes sollte noch der Tooltip erscheinen -> Klappt nicht!

Hier der Code:

<center><a href="#" class="tooltip"><a href="link"><img src="/files/v2/nav/konlose.gif" onmouseover="this.src='/files/v2/nav/konsole_h.gif'" onmouseout="this.src='/files/v2/nav/konlose.gif'"/></a><span> Test </span></a></center>

Unten ist ein Bild, das zeigt wie es aussieht.

 

[bdt600]

Aus Selfhtml:

Universalattribut title
Erlaubt es, HTML-Elemente mit kommentierendem Text bzw. Meta-Information auszustatten. Der kommentierende Text wird gängigerweise vom Browser in einem kleinen Fenster ("Tooltip") oder in der Statusleiste angezeigt, wenn der Anwender mit der Maus über den Anzeigebereich des HTML-Elements fährt.

 

[SchokoBrunnen]

Wie kann ich das jetzt machen, dass es in einem "kleinen Fenster" angezeigt wird ?

 

[Sempervivum]

Hallo, lies mal die vollständige Beschreibung bei SelfHTML, dort ist erklärt, wie man es macht:
SELFHTML: JavaScript / Objektreferenz / all

 

[SchokoBrunnen]

Das ist ein Alert, kein Tooltip.

 

[Sempervivum]

Doch, ist auch ein Tooltip: Wenn man mit der Maus über den Text fährt, wird der Tooltip aufgeblendet.

 

[SchokoBrunnen]

Da wird aber dieser Standart Tooltip gezeigt, nicht meiner.

<center><p class="tooltip" title="Test" onclick="alert(document.all.Absatz.title)"><img src="/files/v2/nav/konlose.gif" onmouseover="this.src='/files/v2/nav/konsole_h.gif'" onmouseout="this.src='/files/v2/nav/konlose.gif'"/></p></center>

 

[bdt600]

Du willst keinen Tooltip, sondern ein Bildwechsel, oder?

 

[Sempervivum]

Den onclick brauchst Du nicht für den Tooltip. Du meinst dieses: class="tooltip"? Wenn Du so einen Tooltip anlegen willst, gehört noch irgend ein Skript dazu. Wo hast Du die Anweisung denn her?

 

[SchokoBrunnen]

Doch, ich will einen Tooltip. Ich hab auch einen Bilderwechsel, der geht ganz normal.

 

[SchokoBrunnen]

Hier ist mein Tooltip:

/* Tooltip Anfang */


a.tooltip
{
position: relative;
text-decoration: none;
color: black;
}


a.tooltip span
{
display: none;
}


a.tooltip:hover span
{
position: absolute;
display: block;
top: 1.5em;
left: 2em;
border: 1px solid black;
background-color:black;
padding: 0.2em;
color: white;
}
/* Tooltip Ende */

 

[bdt600]

Ich sag's mal so:

1. Thread-Titel wie "Was ist hier flasch" sind nicht besonders informativ
2. Bruchstückweise irgendwelchen Quellcode hingeklatscht zu bekommen, macht die Fehlersuche nicht sehr effektiv
3. Wieso machst du wegen dem gleichen Problem noch einen Thread auf?

 

[Sempervivum]

Ah, so kommen wir der Sache schon näher: Die CSS-Anweisungen wirken auf ein span-Element innerhalb eines a-Elementes mit der Klasse "tooltip". Du hast das span jedoch außerhalb des a-Elementes notiert. So funktioniert es:

<a href="#" class="tooltip"><img src="/files/v2/nav/konlose.gif" onmouseover="this.src='/files/v2/nav/konsole_h.gif'" onmouseout="this.src='/files/v2/nav/konlose.gif'"/>
<span> Test </span>
</a>

 

[SchokoBrunnen]

Danke! Aber das Problem ist, das das Bild in einem Footer ist. Der Tooltip wird angezeigt, aber man sieht in nicht, da er unter die Seite geht. Hast du davon vielleicht Ahnung ?

 

[Sempervivum]

Hier kannst Du die Position des Tooltips einstellen:

top: 1.5em;
left: 2em;

Versuch mal einen negativen Wert für top.

 

[SchokoBrunnen]

Dankeschön! :)