mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 04.12.2016 21:26 Benutzername: Passwort: Auto-Login

Thema: Bildunterschriften via CSS vom 05.09.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bildunterschriften via CSS
Seite: 1, 2  Weiter
Autor Nachricht
Esteffan
Threadersteller

Dabei seit: 05.01.2006
Ort: -
Alter: 40
Geschlecht: -
Verfasst Di 05.09.2006 23:38
Titel

Bildunterschriften via CSS

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Mi 06.09.2006 00:01
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Esteffan
Threadersteller

Dabei seit: 05.01.2006
Ort: -
Alter: 40
Geschlecht: -
Verfasst Mi 06.09.2006 04:21
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
dashi

Dabei seit: 16.03.2003
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Mi 06.09.2006 05:30
Titel

Antworten mit Zitat Zum Seitenanfang

Die hier beschriebene Lösung halte ich für sinnvoller.

http://praegnanz.de/weblog/bildunterschriften-in-xhtml-update
bzw: http://www.mediaevent.de/article.php?story=20040926103515715
  View user's profile Private Nachricht senden
tacker

Dabei seit: 22.03.2002
Ort: Offenbach am Main
Alter: 36
Geschlecht: Männlich
Verfasst Mi 06.09.2006 08:33
Titel

Antworten mit Zitat Zum Seitenanfang

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}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dashi

Dabei seit: 16.03.2003
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Mi 06.09.2006 14:18
Titel

Antworten mit Zitat Zum Seitenanfang

Weil die dl semantischer ist und in meinen AUgen einfacher zu handhaben...
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Mi 06.09.2006 15:10
Titel

Antworten mit Zitat Zum Seitenanfang

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?? Au weia!
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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Esteffan
Threadersteller

Dabei seit: 05.01.2006
Ort: -
Alter: 40
Geschlecht: -
Verfasst Mi 06.09.2006 16:53
Titel

Antworten mit Zitat Zum Seitenanfang

dashi hat geschrieben:
Die hier beschriebene Lösung halte ich für sinnvoller.
(...) http://www.mediaevent.de/article.php?story=20040926103515715


Jau, danke.
Das scheint Sinn zu machen und werde es auf die Probe stellen.

THX,
Esteffan
  View user's profile Private Nachricht senden
 
Ähnliche Themen Druck via CSS
Slidemenü via CSS
Rolloverbuttons via CSS-Pseudoformat
CSS global via JS ändern?
Seite mittig positionieren via css
layout via css - stecke fest
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.