Autor |
Nachricht |
Esteffan
Threadersteller
Dabei seit: 05.01.2006
Ort: -
Alter: 47
Geschlecht: -
|
Verfasst Di 05.09.2006 23:38
Titel Bildunterschriften via CSS |
|
|
Hallo zusammen.
Ich habe eine Frage bezüglich Bildunterschriften mit CSS.
Kennt jemand eine solide Lösung?
Im Moment habe ich es mittels Tabellen gehandhabt. Die Tabelle enthält das Bild in der nächsten Zeile die Bildunterschrift und das ganze wurde dann innerhalb des gesammten Fließtextes durch die Anweisung "float" positioniert.
Es sieht gut aus, aber dennoch würde ich lieber eine CSS Lösung finden.
Wenn Ihr eine konforme Lösung parat habt... wäre prima.
Danke,
Esteffan
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 06.09.2006 00:01
Titel
|
|
|
die semantischste lösung wäre sicherlich dem bild nen title attribut zu verpassen, und dieses dann mittels generated content anzeigen zu lassen:
Code: | <img src="foo.jpg" title="Tolles Foto eines Foofetischisten" alt="foo.jpg" /> |
und dann
Code: | img[title]:after {content: attr(title); ... } |
//edit:
was ich vergessen hab ist, dass das ganze natürlich nur in browsern funktioniert die jünger sind als viereinhalb jahre …
Zuletzt bearbeitet von beeviZ am Mi 06.09.2006 00:03, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Esteffan
Threadersteller
Dabei seit: 05.01.2006
Ort: -
Alter: 47
Geschlecht: -
|
Verfasst Mi 06.09.2006 04:21
Titel
|
|
|
Danke beeviZ,
scheint bei mir aber nicht zu klappen.
Kommt ein einfachter Tooltipp bei raus.
Oder ich habe beim CSS code was verkehrt gemacht.
Wäre also noch interessiert, wie man es doch hinkriegen kann.
...
Esteffan
|
|
|
|
|
dashi
Dabei seit: 16.03.2003
Ort: -
Alter: 38
Geschlecht:
|
|
|
|
|
tacker
Dabei seit: 22.03.2002
Ort: Trondheim, Norwegen
Alter: 43
Geschlecht:
|
Verfasst Mi 06.09.2006 08:33
Titel
|
|
|
Warum packt man das ganz nicht in einen Div, wenn die semantische
Lösung eh nicht akzeptabel funktioniert?
Code: | <div>
<img/>
<p>Text</p>
</div> |
{WIKIFY}
|
|
|
|
|
dashi
Dabei seit: 16.03.2003
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Mi 06.09.2006 14:18
Titel
|
|
|
Weil die dl semantischer ist und in meinen AUgen einfacher zu handhaben...
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 06.09.2006 15:10
Titel
|
|
|
Esteffan hat geschrieben: | Danke beeviZ,
scheint bei mir aber nicht zu klappen.
Kommt ein einfachter Tooltipp bei raus.
Oder ich habe beim CSS code was verkehrt gemacht.
Wäre also noch interessiert, wie man es doch hinkriegen kann.
...
Esteffan |
ein tooltip??
zeig mal her. hab aber auch gerade gesehen da das im firefox wohl nur theoretisch funktioniert. er wendet einfach die content deklaration nich aufs image an. im opera gehts.
http://www.manuelbieh.com/upload/caption.html
|
|
|
|
|
Esteffan
Threadersteller
Dabei seit: 05.01.2006
Ort: -
Alter: 47
Geschlecht: -
|
Verfasst Mi 06.09.2006 16:53
Titel
|
|
|
Jau, danke.
Das scheint Sinn zu machen und werde es auf die Probe stellen.
THX,
Esteffan
|
|
|
|
|
|
|
|
Ähnliche Themen |
lightbox bildunterschriften formatieren
Semantisch korrekt Bildunterschriften?
Bildunterschriften Indesign CS6 epub-Export
|
|