Tooltip (2) - Hilfstext für Bilder aber auch für Links

  • Jedem Windows-Anwender sind sie bekannt - die kleinen gelben Fenster, die sogenannten Tooltips. Sie erscheinen, wenn man in Windows den Mauszeiger über ein Icon, einen Button oder einem Bild etwas länger verweilen lässt. Tooltips beinhalten oft nützliche Hinweise darüber, was ein Klick auf die Schaltfläche oder das Icon (Symbol) bewirkt. Diese Funktionalität können Sie auch auf Ihren WEB-Seiten für Hyperlinks und Bilder erzeugen. Verwenden Sie in Ihren Hyperlinks das Attribut 'title'. Dieses Universal-Attribut ist in vielen HTML-Tags erlaubt und hat immer dieselbe Wirkung. Und so wird es gemacht: <a href="http://www.pc-special.net" title="Ruft diese Seite nochmals auf">Zur Startseite</a> --- Die Funktion des Hyperlinks "so sieht es aus" ist insoweit geändert, dass diese Seite nochmals aufgerufen wird. Beachten Sie jedoch, dass die Verwendung des Attributes 'title' bei Hyperlinks nur mit dem Internet-Explorer ab Version 4.0 funktioniert. Der Quelltext für Ihre Website zum Kopieren: <a href="http://www.pc-special.net" title="Ruft diese Seite nochmals auf">Zur Startseite</a> Eine browserübergreifende Lösung gibt es für Bilder und Graphiken. Zu jedem <img> - Tag darf, eigentlich sollte, das Attribut alt="Text" angegeben werden. Alt steht für Alternate (alternativ). Dahinter verbirgt sich folgender Gedanke: Sobald der Browser die Graphik nicht darstellen kann, weil der Besucher der Website z. B. die Darstellung von Graphiken über die Einstellungen zum Web-Browser unterbunden hat, erscheint anstelle der Graphik ein Platzhalter. Wird nun mit alt ein Text angegeben, so erhält dieser Besucher anstelle der Graphik den von Ihnen mit alt angegeben beschreibenden Text angezeigt und er kann sich zumindest vorstellen, was die Graphik darstellen soll. Und so wird es gemacht: <IMG border="0" src="../images/big-new.gif" alt="Neu - Demo zum Attribut 'alt' bei Bildern und Graphiken" width="50" height="29"> --- Der Quelltext für Ihre Website zum Kopieren: <IMG border="0" src="../images/big-new.gif" alt="Neu - Demo zum Attribut 'alt' bei Bildern und Graphiken" width="50" height="29">