Anordnung meiner Bilder

[Carmen]

Hallo,

ich habe eine Frage, bekomme ich so eine Ausgabe mit HTML und CSS hin, wenn die Bilder aus einer Datenbank kommen und mit einer Schleife also so:

  
$args = array( 'posts_per_page' => 6,'category' => 4,'order' => 'ASC' );  
		$posts = get_posts( $args );  
		foreach ( $posts as $post ) : setup_postdata( $post );  
echo "";  
<?php  
        endforeach;  
        wp_reset_postdata();  
        ?>  

ausgelesen werden?

[Gunnar Bittersmann]

@@Carmen:

nuqneH

ich habe eine Frage, bekomme ich so eine Ausgabe mit HTML und CSS hin, wenn die Bilder aus einer Datenbank kommen und mit einer Schleife also so:

Wenn du jetzt noch sagen könntest, um welche Bilder es dir genau geht …

Und ob du ein Layout hinkommst, hat nichts damit zu tun, ob die Daten aus der Datenbank kommen.

Qapla'

[Carmen]

Hallo,

Wenn du jetzt noch sagen könntest, um welche Bilder es dir genau geht …

ich hatte das Bild gestern Abend bereits gepostet. Hier aber gerne nochmals. Auf dem Bild siehst du drei Logos, zwei untereinander und eines rechts.

Und ob du ein Layout hinkommst, hat nichts damit zu tun, ob die Daten aus der Datenbank kommen.

die Frage ist aber dann, wie erreiche ich, dass ich diese drei Bilder so angeordnet bekomme wie auf dem Bild oben zu sehen? Ich muss ja irgendwelche Klassen vergeben?

[Gunnar Bittersmann]

@@Carmen:

nuqneH

ich hatte das Bild gestern Abend bereits gepostet. Hier aber gerne nochmals. Auf dem Bild siehst du drei Logos, zwei untereinander und eines rechts.

OK. Und das bleibt immer so, dass zwei rechteckige Logos untereinander und ein (nahezu) quadratisches daneben steht?

Die Reihenfolge der Logos bestimmst du?

die Frage ist aber dann, wie erreiche ich, dass ich diese drei Bilder so angeordnet bekomme wie auf dem Bild oben zu sehen? Ich muss ja irgendwelche Klassen vergeben?

Quadratisches Logo floatet rechts. Keine Klassen.

Qapla'

[Carmen]

Hallo,

OK. Und das bleibt immer so, dass zwei rechteckige Logos untereinander und ein (nahezu) quadratisches daneben steht?

genau, zwei längliche sind auf der linken Seite und das große quadratische ist auf der rechten Seite.

Die Reihenfolge der Logos bestimmst du?

Genau.

Quadratisches Logo floatet rechts. Keine Klassen.

Wenn keine Klassen, wie sage ich dem Bild, dass er auf die rechte Seite geflotet werden soll?

[Gunnar Bittersmann]

@@Carmen:

NuqneH

Wenn keine Klassen, wie sage ich dem Bild, dass er auf die rechte Seite geflotet werden soll?

Ich kenne nicht dein Markup. Du kennst :first-child/:first-of-type.

Was unterscheidet die Bilder links von dem rechten? Dieser Unterschied kann sich im Markup widerspiegeln, sei es mit Klassen oder IDs.

Qapla'

[Carmen]

Hallo,

Ich kenne nicht dein Markup. Du kennst :first-child/:first-of-type.

ich habe es nun so getestet:

  
    <div class="content">  
        <img src="logo1.png" width="429" height="116" alt="Logo 1">  
        <img src="logo2.png" width="393" height="153" alt="Logo 2">  
        <img src="logo3.png" width="356" height="342" alt="Logo 3">  
    </div>  

  
body {  
	width:980px;  
	margin:0 auto;  
}  
  
.content {  
	width:100%;  
}  
  
.content img {  
	float:left;  
}  
  
.content img:last-child {  
	float:right;  
}  

Das dritte Bild wird auch rechts angeordnet, allerdings sind die ersten beiden noch immer nebeneinander. Mit einem <br> kann ich ja schlecht arbeiten, wenn die Daten aus einer Datenbank kommen?

[Bobby]

Moin

genau, zwei längliche sind auf der linken Seite und das große quadratische ist auf der rechten Seite.

Die Reihenfolge der Logos bestimmst du?

Dann Schreib zuerst das Große Bild und gib ihm ein float:right

Nur mal so als erster Ansatz.

Gruß Bobby