zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Bilde vertikal anordnen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.06.2006, 16:15
asd asd ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2006
Beiträge: 11
asd befindet sich auf einem aufstrebenden Ast
Standard 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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.06.2006, 16:33
Benutzerbild von toscho
Perplexifikator
XHTMLforum-Kenner
 
Registriert seit: 22.05.2004
Ort: Halle/Saale
Beiträge: 1.565
toscho sorgt für eine eindrucksvolle Atmosphäretoscho sorgt für eine eindrucksvolle Atmosphäre
Standard

Benutze eine Liste, und gib jedem »li« das Bild als Hintergrund.

Gruß
Thomas
__________________
toscho.de
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.06.2006, 22:13
Benutzerbild von hisses
Neuer Benutzer
neuer user
 
Registriert seit: 13.05.2006
Beiträge: 5
hisses befindet sich auf einem aufstrebenden Ast
Standard divs

vll kann man es ja mit divs probieren...
__________________
BoBmArLey4ever
Mit Zitat antworten
  #4 (permalink)  
Alt 02.06.2006, 23:03
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hisses
vll kann man es ja mit divs probieren...
Könnte man bestimmt auch, aber toschos Lösung klingt da um einiges sinnvoller
__________________
* {margin:0; padding:0; }
Mit Zitat antworten
  #5 (permalink)  
Alt 02.06.2006, 23:40
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von asd
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.
Mit Tabellen geht alles, fast genauso wie mit CSS
Ob du das ganze nun mit einer Liste oder mit divs bzw <p>'s realisieren solls, hängt damit zusammen wie die Bilder im Verhältnis zum Text, sowie Text zu Text und Bild zu Bild stehen.
Erklärt der Text das Bild, kannst du sogar eine Definitionsliste nehmen.
Handelt es sich jeweils um ein Absatz mit dazugehörigem Bild, nimm ein <p> und platziere darin dann dein Bild.
Du siehst also, was du am besten verwenden sollst hängt davon ab was für Bilder und was für Text du verwendest, und wie diese in Relation zueinander stehen.

Grüsse
Lloyd
Mit Zitat antworten
  #6 (permalink)  
Alt 05.06.2006, 12:44
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
Bild Text
Bild Text
Bild Text
Das schreit doch viel eher nach einer Definitionsliste?

<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
Mit Zitat antworten
  #7 (permalink)  
Alt 05.06.2006, 14:41
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Boris
Das schreit doch viel eher nach einer Definitionsliste?
Kommt eben ganz drauf an wie der Text und die Bilder in Relation zueinander stehen. Aber darauf hat er ja leider noch nicht geantwortet...
Mit Zitat antworten
  #8 (permalink)  
Alt 06.06.2006, 03:36
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

Zitat:
Zitat von Boris

Den dt und dd ein float: left; und Breite mitgeben und dem dt noch ein clear: left; ... voilà
Dabei muß man aber aufpassen, ob es evtl. passieren kann, daß mal dt und mal dd höher ist (und sei es nur durch Textvergrößerung im Firefox), denn dann fällt das Ganze schnell auseinander.

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)
Mit Zitat antworten
  #9 (permalink)  
Alt 06.06.2006, 13:22
asd asd ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2006
Beiträge: 11
asd befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.06.2006, 13:30
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
Die Bilder sind einfach untereinander angeordnet und die Texte beschreiben ein Ereignis, das auf den Fotos festgehalten wurde.
Na dann sind sie doch "abhängig", bzw. gehören zusammen.

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
Mit Zitat antworten
Sponsored Links
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:24 Uhr.