zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden bilder so positionieren, dass sie immer untereinander auftauchen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.10.2008, 17:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.06.2007
Beiträge: 10
vikingosegundo befindet sich auf einem aufstrebenden Ast
Standard bilder so positionieren, dass sie immer untereinander auftauchen

Hallo,

ich lasse Bilder in einem Text nach rechts floaten. Wenn sie aber zusammen nicht die Breite des umgebenden div's erreichen, kann es passsieren, dass sie versetzt nebeneinander auftauchen - sehr unschön.


Bsp:
div soll 700px breit sein, die bilder 250px


HTML-Code:
<div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
 eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd 
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem 
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. <img src="bild1.png"/>At vero eos et accusam et justo duo 
dolores et ea rebum. <img src="bild2.png"/>Stet clita kasd gubergren, no 
sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit 
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt 
ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et 
accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
 takimata sanctus est Lorem ipsum dolor sit amet. 

</div>
wie kann ich es erreichen, das aller Bilder im Text nach rechts floaten und untereinander stehen, egal ob sie im Text nahe beieinander stehen?
Kann man auch erreichen, dass dann noch mindestens ein definierter Abstand zwischen Bildern etsteht, in dem aber Text stehen kann?

Danke, manuel
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.10.2008, 17:42
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

Die Bilder können clear und margin bekommen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.10.2008, 19:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.06.2007
Beiträge: 10
vikingosegundo befindet sich auf einem aufstrebenden Ast
Standard

dann habe ich ein anderes problem:

beispielseite:
tiutle

und css:
http://gonzo.uni-weimar.de/~meyer4/test/files/test.css

ich habe zwei spalten. in der linken sind dei inhalte, in der rechten ist eine div box mit listen.

im inhalt lasse ich die bilder (bzw das span drum herum) nach rechts floaten.
allerdings wird das erste Bild unter der rechten spalte angezeigt.

warum?
Mit Zitat antworten
  #4 (permalink)  
Alt 22.10.2008, 19:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

siehe http://xhtmlforum.de/54182-layout-pr...mit-float.html
Bei dir kann das Element .mini-post float und width erhalten.
Mit Zitat antworten
Antwort

Stichwörter
float

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
bilder genau positionieren gandalf_hh Javascript & Ajax 18 22.06.2011 15:03
Bilder richtig positionieren - wie mit CSS? RaBo CSS 2 15.07.2009 15:34
Bilder im div mit float positionieren henmey CSS 4 25.01.2009 02:53
Bilder in Div absolut Positionieren Maximus1234 CSS 7 08.06.2008 23:13
bilder untereinander ohne abstand zitronenbaum CSS 1 13.07.2006 13:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:03 Uhr.