Hilfreiche Tooltipps

von Fries Websolutions

Verweist man im Internet auf externe Quellen oder Erläuterungen stehen einem Webmaster einige Möglichkeiten zur Verfügung.

Sie sollten ein Link auf eine Quelle oder ein Glossar setzten, dass gleich mehrere Begriffe erklären kann. Sie sollten diese Links in einem neuen Fenster öffnen lassen (target="blank"), dem sogenannten PopUp Fenster, diese Fenster bieten aussreichend Platz ausführliche Erläuterungen.

Das TITLE Attribut
Im Gegensatz zu einem PopUp Fenster ist dieser Einsatz schon komplexer. Das TITLE Attribut kann überall verwendet werden, sowohl im Zusammenhang mit Bildern als auch Texten. Sollten Sie das TITLE Attribut mit Bildern verwenden, so können Sie dies mit dem CSS Befehl <span> integrieren.

<p>Das ist der Begriff <span TITLE="Hier folgt die Erläuterung des Begriffs >Fließtext</span> und.</p>

Dieser Text wird erst dann angezeigt, wenn man mit der Maus über den Text geht. Sie sollten daher Ihren Besuchern sichtlich machen, dass zu dem Begriff eine Erläuterung vorhanden ist. Dies können Sie mit einer punktierten Untersteichung realisieren.

border-bottom : 1px dotted red

Bei dem Einbau dieser Formatierungen ist ein externes Stylesheet zu empfehlen. Sie können so die Farbe und auch die Dicke der punktierten Linien anpassen.

Das erweiterte TITLE Attribut
Sie können anstelle von Unterstreichungen auch kleine Icons (Grafiken) verwenden. Sobald die Maus auf auf das Icon liegt, erscheint automatisch die jeweilige Erläuterung. Hierbei sei noch erwähnt, dass die Verwendung des "ALT-Attributes" bei einigen Browsern nicht angezeigt werden.

Die DHTML Menüs
Dies ist eine äußerst schwierige Variante. Optisch ist zwar viel rauszuholen, aber der Quellcode ist oft nicht kompatibel.