Problem bei html. Lösung?

... komplette Frage anzeigen

2 Antworten

Ganz einfach: Weil das Alt-Attribut (steht für "alternative") nicht dafür da ist, um Text anzuzeigen, wenn du über das Bild fährst, sondern um einen Ersetzungstext zum Beispiel für Blindenlesegeräte oder wenn das Bild nicht lädt zu haben.

Text über dem Bild bzw eine Bildunterschrift wird mit dem Title-Attribut angezeigt.


Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von noah496
03.03.2016, 19:45

Vielen dank. :D 

@karinili

0

Weil das Alt-Attribut lediglich alternativen (beschreibenden) Inhalt anzeigt. Zum Anzeigen eines Textes (Tooltip) beim Mouse-over, muss das title-Attribut (wie schon von karinili geschrieben) verwendet werden. 

<img src="bild.jpg" alt="Beschreibung" title="Titeltext">

 Wenn du die Tooltips jedoch gestaltet werden sollen, wirst du mit dem title-Attribut nicht weit kommen. Mit und ohne JavaScript können diese unter Verwendung eines span-Tags leicht erstellt werden. Dazu lediglich nach Pure CSS3 oder jQuery Tooltip suchen. 

So nebenbei ein gut gemeinter Tipp, Markup strikt von Formatierungen trennen. Sprich auch die Höhen und Breitenangaben in einem externen Stylesheet notieren. Lediglich den entsprechenden Selektor verwenden und die gewünschten Eigenschaften setzen. 

Lg medmonk  

Antwort bewerten Vielen Dank für Deine Bewertung