|
|||
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? |
Sponsored Links |
|
||||
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 |
|
|||
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) |
|
|||
semantisch sind Tabellen da dennoch ungeeignet
|
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |