zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text mittig neben Bild ausrichten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.02.2007, 21:48
prm prm ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2006
Beiträge: 58
prm befindet sich auf einem aufstrebenden Ast
Standard Text mittig neben Bild ausrichten

Vorweg: Suchfunktion hab ich schon benutzt, vieles gefunden, aber nicht was ich suche.

Mit zwei Tabellenspalten lässt sich das problemlos realisieren. Gibt es dafür auch eine CSS-Lösung (Der X-Block soll ein Bild symbolisieren)?

xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx Text neben Bild (mittig einzeilig)
xxxxxxxxxx
xxxxxxxxxx

xxxxxxxxxx
xxxxxxxxxx Text neben Bild (mittig dreizeilig)
xxxxxxxxxx Text neben Bild (mittig dreizeilig)
xxxxxxxxxx Text neben Bild (mittig dreizeilig)
xxxxxxxxxx

Die Bilder müssen left-gefloatet werden. Wie bekommt man aber den Text nebendran mittig ausgerichtet?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.02.2007, 00:06
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ist die Höhe der Bilder bekannt und evtl. sogar gleichbleibend? Und zur Frage der Auszeichnung: Ist der Text eine Beschreibung / Erläuterung des Bildes?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.02.2007, 00:20
prm prm ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2006
Beiträge: 58
prm befindet sich auf einem aufstrebenden Ast
Standard

Die Höhe der Bilder soll konstant sein. Andernfalls könnte man evtl. mit unterschiedlichen Klassen arbeiten.
Mit dem Text sollen die Bilder erläutert werden.
Habe schon an Listen gedacht
Mit Zitat antworten
  #4 (permalink)  
Alt 10.02.2007, 00:59
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Dann würde ich es als dl darstellen, z.B. nach diesem Prinzip: Definitionsliste im Tabellendesign

Und für die vertikale Ausrichtung des Textes dd per Klasse entsprechendes padding-top geben. Allerdings geht bei dieser Methode bei Textvergrößerung die vertikale Zentrierung verloren (spätestens bei Zeilenumbruch deutlich sichtbar) - doch leider man hat kaum eine andere Wahl.

Oder ein ganz anderer Ansatz: vertical-align: middle
Mit Zitat antworten
  #5 (permalink)  
Alt 10.02.2007, 10:29
prm prm ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2006
Beiträge: 58
prm befindet sich auf einem aufstrebenden Ast
Standard

Danke zunächst mal.
Das hieße also, dass man je nach Zeilenanzahl eine eigene Padding-Klasse anlegen müsste, die bei Schriftvergrößerung/-kleinerung dann auch wieder nicht mehr hinhaut.

Im zweiten Ansatz werden ja praktisch die divs per Klassen zu Tabellen und Zellen umdefiniert.
Sicherlich ein CSS-Lösungsansatz, aber da ist es wohl doch einfacher, gleich zur Original-Tabelle zu greifen. Die muss man nicht definieren.

Mein Fazit: Es gibt auch für dieses Problem eine CSS-Lösung (danach hatte ich ja auch gefragt), allerdings für diesen Fall eben auch sehr umständlich.

Geändert von prm (10.02.2007 um 11:16 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 10.02.2007, 11:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Zitat:
Zitat von prm Beitrag anzeigen
Sicherlich ein CSS-Lösungsansatz, aber da ist es wohl doch einfacher, gleich zur Original-Tabelle zu greifen. Die muss man nicht definieren.
semantisch sind Tabellen da dennoch ungeeignet
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hover effekt auf ganze TD zelle gandalf_hh CSS 27 13.07.2011 20:06
gibt es eine andere Lösung ohne Tabelle? online CSS 16 24.04.2009 09:41
Auf-/Zuklappen mit JS crimi Javascript & Ajax 7 23.09.2008 17:27
bild über 2 div-tags positionieren MoJo CSS 7 12.06.2006 17:48
Webseite in IE/MAXTHON ok, in Firefox zerissen Midnight CSS 50 21.02.2006 11:34


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:55 Uhr.