PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : img alt="..."


aths
2003-10-10, 16:42:56
Ich habe den img alt-Tag verwendet, um zu Bildern kleine Erläuterungen zu geben. Jetzt der Schrecken: Mozilla zeigt den alt-Text nicht an, wenn man die Maus über das Bild fährt. Ist das generell bei Moziall bzw. Netscape so?

Black-Scorpion
2003-10-10, 17:36:11
Original geschrieben von aths
Ich habe den img alt-Tag verwendet, um zu Bildern kleine Erläuterungen zu geben. Jetzt der Schrecken: Mozilla zeigt den alt-Text nicht an, wenn man die Maus über das Bild fährt. Ist das generell bei Moziall bzw. Netscape so?
Habe ich auch schon festgestellt.
Versuche es mal so.
<img src="bild.gif" title="das ist ein Text"></a>
Ich habe aber noch nicht getestet ob man beide Tags "alt" und "title" gleichzeitig verwenden kann.

Aqualon
2003-10-10, 17:45:24
Man kann den Alt-Tag und Title-Tag gleichzeitig benutzen.

Der Title-Tag ist nach W3C dafür da, einem Bild einen Titel zu verpassen, der bei mouseover über dem Bild angezeigt wird.

Der Alt-Tag soll angezeigt werden, wenn das Bild nicht geladen wurde. Der IE macht hier den Fehler den Alt-Tag grundsätzlich anzuzeigen. Am besten nimmst du immer Alt- und Title-Tag zusammen, dann hast du damit auch keine Probleme.

Aqua

aths
2003-10-10, 21:31:11
Danke!! Ihr habt mir den Abend gerettet :D

harkpabst_meliantrop
2003-10-11, 17:12:44
Original geschrieben von Aqualon
Der IE macht hier den Fehler den Alt-Tag grundsätzlich anzuzeigen.

Immerhin nachträglich abschaltbar, aber nach der Installation in der üblichen Standards verachtenden Manier natürlich aktiviert, um möglichst viele Programmierer zu schlechtem Stil zu animieren.

Also, zweiter Tipp: Auch im IE sofort ausknipsen (unter Extras -> Internetoptionen -> Erweitert)!

Endorphine
2003-10-25, 21:34:15
Original geschrieben von harkpabst_meliantrop
Immerhin nachträglich abschaltbar, aber nach der Installation in der üblichen Standards verachtenden Manier natürlich aktiviert, um möglichst viele Programmierer zu schlechtem Stil zu animieren. MS hat die Funktion nicht falsch implementiert, um Webautoren zu schlechtem Stil zu animieren, sondern um dem Nutzer eine Zusatzfunktion zu spendieren. MS hat kein Interesse daran, schlechtes Webdesign zu etablieren. MS hat aber ein Interesse daran, mehr Funktionen im eigenen Browser als die Konkurrenz zu bringen. Standards sind MS dabei üblicherweise nicht sehr wichtig ;)

Endorphine
2003-10-25, 21:47:40
Ich löse es übrigens so: alt-Attribut bei allen Bildern, und auch wirklich eine kurze (!) Beschreibung des Hauptinhaltes des Bildes. Das alt-Attribut soll ja Lesern der Seite mit Textbrowsern soweit es geht den Bildinhalt rüberbringen.

Das title-Attribut kann man dann der Funktion zuführen, für die Microsoft-Browser das alt-Attribut mißbrauchen: zusätzlichen Beschreibungen/Hinweisen zum Bild. Wenigstens lässt der MSIE die Finger vom alt-Text, wenn ein title-Attribut existiert.

Beispiel - in einem Thumbnail kann man mittels title-Attribut den Nutzer daran erinnern, dass das Bild auch gleichzeitig ein Link ist und zu einer höher auflösenden Ansicht führt. Das alt-Attribut beschreibt aber trotzdem den Inhalt des angezeigten Bildes, für Nutzer von Textbrowsern, oder wenn das Bild aus irgendeinem anderen Grund nicht dargestellt wird. "width" und "height" sind natürlich auch sinnvoll, damit die Formatierung schon steht währen die Bilder noch laden oder wenn die Bilder nicht angezeigt werden.

Beispiel:
<a href="./images/kondensatoren.jpg" target="_blank"><img src="./images/kondensatoren_s.jpg" width="400" height="241" alt="Kondensatoren" title="Pufferkondensatoren - anklicken zum vergr&ouml;&szlig;ern" border="0" /></a>

"<img>" wird als leeres Element für XHTML-Konformität natürlich mit Leerschritt-Slash geschlossen, Leerschritt um alte Browser nicht zu verwirren.

Gast
2003-11-17, 08:00:48
Original geschrieben von Endorphine

Beispiel:
<a href="./images/kondensatoren.jpg" target="_blank"><img src="./images/kondensatoren_s.jpg" width="400" height="241" alt="Kondensatoren" title="Pufferkondensatoren - anklicken zum vergr&ouml;&szlig;ern" border="0" /></a>


<a href="./images/kondensatoren.jpg" target="_blank" title="Pufferkondensatoren - anklicken zum vergr&ouml;&szlig;ern"><img src="./images/kondensatoren_s.jpg" width="400" height="241" alt="Kondensatoren" /></a>