|
|||
Bilde vertikal anordnen
Hallo,
ich würde gerne eine Seite anlegen, dass ungefähr so aussieht. Bild Text Bild Text Bild Text Die Bilder sollen untereinander angeordnet sein und rechts soll ein Text sein. Ausserdem soll der Text genau da anfangen, wo das oberste Bild anfängt. Habe es mit einer Tabelle versucht, aber dann fängt leider Text nicht da an, wo das oberste Bild anfängt. |
Sponsored Links |
|
|||
Zitat:
__________________
* {margin:0; padding:0; } |
|
||||
Zitat:
<dl> <dt><img src="bild.jpg" alt="Bild" /> <dd>Text zum Bild</dd> </dl> Den dt und dd ein float: left; und Breite mitgeben und dem dt noch ein clear: left; ... voilà
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
||||
Zitat:
|
|
||||
Zitat:
Ich habe bisher keine Lösung gefunden, die in allen Browsern (inkl. NN 7 und Opera 7) perfekt funktioniert, außer durch ein zusätzliches dd, das das clear: left; übernimmt. Nicht schön, aber die einzige wirklich perfekte Lösung. Wenn jemand eine andere hat, bitte her damit! Es gibt natürlich andere Möglichkeiten, aber irgendeine Browser-Version macht immer Probleme: Beispielsweise geht's mit Clearfix in sämtlichen Geckos bis Ende 2004 nicht einwandfrei (d.h. in NN7 und frühen Firefox bzw. Mozilla), und eine andere Variante mit float: left; für dt und float: right; für dd funktioniert fast überall perfekt, nur nicht in Opera 7... Ich habe kürzlich ca. 5 Stunden lang nach einer Lösung gesucht und alle erdenklichen Varianten ausprobiert, aber außer der im vorigen Absatz genannten keine absolut Cross-Browser-taugliche Lösung gefunden. Aber wie eingangs gesagt, solange immer das gleiche Element höher ist, gibt's mit herkömmlichen Varianten keine Probleme. EDIT 10.06.06: Nun habe ich doch eine Cross-Browser-taugliche Lösung ohne Zusatz-Markup gefunden: http://xhtmlforum.de/40282-dl-als-ta...einung-zu.html Schöne Grüße, Heiko Geändert von heiko_rs (10.06.2006 um 16:54 Uhr) |
|
|||
Hallo,
die Bilder sind von dem Text unabhängig. Die Bilder sind einfach untereinander angeordnet und die Texte beschreiben ein Ereignis, das auf den Fotos festgehalten wurde. Kann man die divs nebeneinander anordnen? So würde ich dann in dem linken Container die Bilder reinhauen und in dem rechten Container die Texte. Geändert von asd (06.06.2006 um 13:25 Uhr) |
Sponsored Links |
|
||||
Zitat:
Und das würde ich ein eine Definitionsliste packen
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
vertikal anordnen innerhalb ul li ul li | Hyd^ | CSS | 2 | 31.10.2013 19:08 |
Unbekannte Anzahl Divs in Liste anordnen und horizontal und vertikal zentrieren | Alien | CSS | 17 | 20.03.2011 11:23 |
Anker: Text vertikal ausrichten + hintergrundgrafik über komplettes element | ebimail | CSS | 12 | 03.07.2009 15:55 |
Inhalt von Block-Elementen vertikal ausrichten | Eks | CSS | 7 | 20.07.2005 14:13 |
Button vertikal anordnen? | darvida | CSS | 4 | 27.01.2005 22:57 |