Content ausgeben, z. B. Inhalt des alt-Attributes

[Marc]

Hallo liebe Ostergemeinde,

eben habe ich versucht, mittels

img:after {  
content:attr(alt);  
} 

Den Alt-Text von Bildern auszugeben - das hat aber nicht geklappt (zumindest nicht im FF4). Geht so etwas nur bei Links?

Das hier:

a[href]:after {  
content:attr(href);  
} 

tut was es soll (Linkziele ausgeben).

Kennt jemand einen Link zu einer Seite, wo man sehen kann, was in welchem Browser geht?

Viele Grüße,
Marc.

[ChrisB]

Hi,

img:after {

content:attr(alt);
}

>   
> Den Alt-Text von Bildern auszugeben - das hat aber nicht geklappt (zumindest nicht im FF4). Geht so etwas nur bei Links?  
  
Nein - aber wenn du dir die [Beispiele zu :before/:after in der Spezifikation](http://www.w3.org/TR/CSS21/generate.html#before-after-content) mal anschaust, \*wie\* die gerendert werden sollen, dürfte klar werden, warum das bei IMG-Elementen nicht funktioniert.  
  
MfG ChrisB  
  

-- 
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

[Marc]

Hallo Chris,

Nein - aber wenn du dir die Beispiele zu :before/:after in der Spezifikation mal anschaust, *wie* die gerendert werden sollen, dürfte klar werden, warum das bei IMG-Elementen nicht funktioniert.

Also da steht "The formatting objects (e.g., boxes) generated by an element include generated content."

Soll der Browser das halt ins Bild schreiben :-)

Dankeschön für den Hinweis!

Viele Grüße,
Marc.

[Matthias Apsel]

Om nah hoo pez nyeetz, Marc!

Die Browser verhalten sich durchaus unterschiedlich.

Matthias

[Gunnar Bittersmann]

@@Marc:

nuqneH

Nein - aber wenn du dir die Beispiele zu :before/:after in der Spezifikation mal anschaust, *wie* die gerendert werden sollen, dürfte klar werden, warum das bei IMG-Elementen nicht funktioniert.

Also da steht "The formatting objects (e.g., boxes) generated by an element include generated content."

Vermutlich ist eher die Stelle “The :before and :after pseudo-elements interact with other boxes as if they were real elements inserted just inside their associated element” von Interesse. Heißt in dem Fall: _inside_ the img element.

Ein img-Element hat aber gar keinen Inhalt*, demzufolge kann dort nichts eingefügt werden. Und was da noch als “Note” steht, kann auch kaum übersehen werden.

Qapla'

* Ein Designfehler in HTML. Es ist eine der vielen Schwachsinnigkeiten von HTML5, diesen nicht korrigiert zu haben.

[Marc]

Hallo Gunnar,

@@Marc:

Vermutlich ist eher die Stelle “The :before and :after pseudo-elements interact with other boxes as if they were real elements inserted just inside their associated element” von Interesse. Heißt in dem Fall: _inside_ the img element.

Die Stelle hatte ich auch gemeint - keine Ahnung, was ich da kopiert habe...

Du hast natürlich recht!

Ein img-Element hat aber gar keinen Inhalt*, demzufolge kann dort nichts eingefügt werden. Und was da noch als “Note” steht, kann auch kaum übersehen werden.
* Ein Designfehler in HTML. Es ist eine der vielen Schwachsinnigkeiten von HTML5, diesen nicht korrigiert zu haben.

Oh, das war mir neu! Schön, etwas gelernt zu haben! Vielen Dank!

Viele Grüße,
Marc.