zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3 Bilder in einem DIV anordnen (links, mittig, rechts)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.04.2010, 16:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.04.2010
Beiträge: 8
plegox befindet sich auf einem aufstrebenden Ast
Standard 3 Bilder in einem DIV anordnen (links, mittig, rechts)

Hallo,

hoffe ihr könnt mir helfen. Ich habe 3 Bilder. Diese möchte ich in folgendermaßen in einem DIV anordnen, welches ca. 800px breit ist.
Die Bilder sind jeweils 200px breit.

LINKES BILD MITTLERES BILD RECHTES BILD


Ich denke, ich muss für jedes Bild eine eigene Klasse schreiben, oder?
Aber was muss in de Klassen drin stehen?

.links {
float:left;
}

.mitte {
text-align:center;
}

.rechts {
float:right;
}

funktioniert nicht wirklich. Kann mir jemand helfen?

DANKE,
viele Grüße Stefan
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.04.2010, 16:58
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

verschieb die Bilder in eine ul, li gibst du display:inline;, ein umgebendes Element bekommt text-align:center; und schon sind die Bilder auf der Reihe und auch noch horizontal zentriert.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.04.2010, 17:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.04.2010
Beiträge: 8
plegox befindet sich auf einem aufstrebenden Ast
Standard

Hallo Hupse,

danke für deine schnelle Antwort. Super Tipp. Funktioniert einwandfrei

Aber entspricht leider noch nicht meinen Vorstellungen.
Die Bilder haben zwar den selben Abstand voneinander, aber leider ist auch das linke Bild vom linken Rand mehr zur Mitte gerückt und das rechte jeweils vom rechten Rand etwas zur Mitte hin verrückt.
Hast du vielleicht eine Lösung in der die äußeren Bilder am Rand bleiben?

DANKE,

viele Grüße
Stefan
Mit Zitat antworten
  #4 (permalink)  
Alt 29.04.2010, 17:36
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.135
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hallo

BTW: Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS

Gruß Manfred
Mit Zitat antworten
  #5 (permalink)  
Alt 29.04.2010, 17:41
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

du kannst z.B. dem mittleren Bild über eine Klasse margin:left/right geben, damit die Bilder a weng auseinanderdriften.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #6 (permalink)  
Alt 29.04.2010, 18:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.04.2010
Beiträge: 8
plegox befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Link, den kannte ich noch nicht.

Danke für den Tipp, ich probiers mal so.

viele Grüße Stefan
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
Div bei content insert nach rechts expandieren solars CSS 11 08.03.2007 11:43
Links Hintergrundfarbe Bilder xm22 (X)HTML 6 06.09.2006 09:16
2 bilder floaten rechts + links rotsch CSS 9 02.11.2004 20:00
Elemente in einem Div Container links & rechts ausrichte oliwa CSS 8 16.07.2004 14:39
1 div links, 2 div's untereinander daneben jensr CSS 9 30.06.2004 23:41


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:41 Uhr.