Text über Link anzeigen

[Markus]

Hallo,
ich möchte für meine Homepage als Navigation Buttons mit Bildern benutzen.
Da manche User vielleicht nicht genau wissen,was ein Button bedeuten soll,soll ein Text mit der Erklärung über dem Button(Link) erscheinen.
Wie kann ich sowas realisieren?
Danke euch schonmal,
Markus

[gaby]

ich möchte für meine Homepage als Navigation Buttons mit Bildern benutzen.
Da manche User vielleicht nicht genau wissen,was ein Button bedeuten soll,soll ein Text mit der Erklärung über dem Button(Link) erscheinen.
Wie kann ich sowas realisieren?

Du könntest den Bildern noch das title-attribut geben.

Grüße
gaby

[Markus]

ich möchte für meine Homepage als Navigation Buttons mit Bildern benutzen.
Da manche User vielleicht nicht genau wissen,was ein Button bedeuten soll,soll ein Text mit der Erklärung über dem Button(Link) erscheinen.
Wie kann ich sowas realisieren?

Du könntest den Bildern noch das title-attribut geben.

Grüße
gaby

Hallo Gaby,
Danke für den Tipp.
Allerdings meinte ich es so :
http://www.abitbol.org/macosx/leopard/leopard05.jpg

Wäre sowas mit Html/Css möglich?
mfG
Markus

[suit]

Du könntest den Bildern noch das title-attribut geben.

Wäre sowas mit Html/Css möglich?

ja, ich würds aber mit javascript machen

verwende wie vorgeschlagen das title attribut
anschliessend schreibst du ein javascript, welches die links mit deinem title-attribut entsprechend mit entsprechendem html/css ergänzt und das title-attribut entfernt

eine idee (bzw ein fertiges und imo ein etwas arg überladenes script - hab schon weit kleinere gesehen - rund 20 zeilen) kannst du dir hier abholen
http://www.drweb.de/leseproben/tooltipps.shtml

[gaby]

verwende wie vorgeschlagen das title attribut
anschliessend schreibst du ein javascript, welches die links mit deinem title-attribut entsprechend mit entsprechendem html/css ergänzt und das title-attribut entfernt

User mit deaktiviertem JS im Browser gucken dann aber in die Röhre.

@ Markus

Allerdings meinte ich es so :
http://www.abitbol.org/macosx/leopard/leopard05.jpg

Also ein kleines Bild, und daneben den Text?

In diesem Fall kannst du das Icon als Hintergrundbild im Link einbinden, und den Linktext entsprechend nach rechts einrücken, damit er das Bild nicht verdeckt.

Grüße
gaby

[gaby]

Ich habe gerade mal eines meiner Beispiele herausgesucht.

http://gaby77.ga.funpic.de/web/demos/hover/hover-grafik-text.html

Wenn du mehrere Links hast, gehören die natürlich in eine Liste.

[suit]

User mit deaktiviertem JS im Browser gucken dann aber in die Röhre.

nein, für die ist das standardkonforme title-attribut da - wenn jemand kein javascript hat, wird das title-attribut auch nicht entfernt

[Gunnar Bittersmann]

@@Markus:

ich möchte für meine Homepage als Navigation Buttons mit Bildern benutzen.
Da manche User vielleicht nicht genau wissen,was ein Button bedeuten soll,soll ein Text mit der Erklärung über dem Button(Link) erscheinen.
Wie kann ich sowas realisieren?

Indem du die Buttons so gestaltest, dass sie auch ohne erklärenden Text keinen Spielraum für Missverständnisse lassen. Oder indem du immer gleich auch den Text anzeigst. Ansonsten hast du mystery meat navigation.

Allerdings meinte ich es so :
http://www.abitbol.org/macosx/leopard/leopard05.jpg

Allerdings gibt es auch Nutzer, die Links auch dann nicht verstehen, wenn sie nicht hinter Bildern versteckt sind, sondern mit einem Text-Linktitel versehen sind. Du gehörst zu diesen, denn Forums-Hilfe, Formatierung von Postings hast du wohl übersehen.

Live long and prosper,
Gunnar