tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
570
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Avatar von cille
    cille cille ist offline Mitglied Brokat
    Registriert seit
    Jan 2006
    Ort
    Germany, Cottbus (BB)
    Beiträge
    464
    Hi ho,
    mein Problem ist, dass ich es nicht gebacken kriege meine Bilder zu Zentrieren
    hab schon alles versucht womit ich mich ein bissle auskenne.
    Aber nichts half,
    vielleicht habt Ihr ja eine Idee:

    Hier der HTML-Code:
    HTML-Code:
    <div class="galerie">
    	<ul>
    		<li><img src="show/bilder/fotografik/vorschau/01.jpg" alt="" width="201" height="100" /><br />01</li>
    		<li><img src="show/bilder/fotografik/vorschau/02.jpg" alt="" width="187" height="100" /><br />02</li>
    		<li><img src="show/bilder/fotografik/vorschau/03.jpg" alt="" width="187" height="100" /><br />03</li>
    	</ul>
    	<ul>
    		<li><img src="show/bilder/fotografik/vorschau/04.jpg" alt="" width="186" height="100" /><br />04</li>
    		<li><img src="show/bilder/fotografik/vorschau/05.jpg" alt="" width="59" height="100" /><br />05</li>
    		<li><img src="show/bilder/fotografik/vorschau/06.jpg" alt="" width="187" height="100" /><br />06</li>
    		<li><img src="show/bilder/fotografik/vorschau/07.jpg" alt="" width="187" height="100" /><br />07</li>
    	</ul>
    </div>
    Und hier der CSS Code:
    HTML-Code:
    .galerie {
    	margin-top: 10px;
    }
    .galerie ul {
    	clear: both;
    }
    .galerie li {
    	font-family: Tahoma, Helvetica, sans-serif;
    	font-size: 12px;
    	list-style: none;
    	float: left;
    	margin-left: 10px;
    	text-align: center;
    }
    .galerie img {
    	border: 3px solid #ffffff;
    	
    }
    Würde mich riesig freuen.

    Mfg,
    cille
     
    Zitat von Andree Beaulieu-Green
    Programmieren ist wie küssen: Man kann darüber reden, man kann es beschreiben, aber man weiß erst, was es bedeutet, wenn man es getan hat.

  2. #2
    Maik Tutorials.de Gastzugang
    Bedingt durch die float-Eigenschaft, musst du den beiden Listenelementen ul die entsprechende Breite zuweisen, die sich aus der Summe der einzelnen Bilderbreiten plus dem Rahmen und linken Außenabstand ergibt, um sie dann mit margin:0 auto innerhalb des DIVs horizontal zentrieren zu können.
     

  3. #3
    Avatar von cille
    cille cille ist offline Mitglied Brokat
    Registriert seit
    Jan 2006
    Ort
    Germany, Cottbus (BB)
    Beiträge
    464
    ui ui ui,
    da muss man ja viel machen .
    Ich schreib mal moren ob ich des gebacken kriege
     
    Zitat von Andree Beaulieu-Green
    Programmieren ist wie küssen: Man kann darüber reden, man kann es beschreiben, aber man weiß erst, was es bedeutet, wenn man es getan hat.

  4. #4
    Maik Tutorials.de Gastzugang
    Rechnen, sprich addieren, wirst du ja noch können, oder?
     

Ähnliche Themen

  1. bilder in div vertikal zentrieren
    Von tinella im Forum CSS
    Antworten: 2
    Letzter Beitrag: 24.06.08, 14:22
  2. Mehrere Bilder in DIV zentrieren
    Von daniel2001 im Forum CSS
    Antworten: 4
    Letzter Beitrag: 22.06.08, 18:35
  3. Antworten: 3
    Letzter Beitrag: 16.03.08, 00:26
  4. Antworten: 2
    Letzter Beitrag: 12.01.07, 10:56
  5. Antworten: 5
    Letzter Beitrag: 03.06.04, 12:51