nicht angemeldet
Anordnung meiner Bilder
0 
Gunnar Bittersmann
0 0 Gunnar Bittersmann
0
Anordnung meiner Bilder
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?
-
@@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'
--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)-
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?
-
@@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'
--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)-
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?
-
@@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'
--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)-
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?
-
-
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
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
### Henry L. Mencken ###
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
### Viktor Frankl ###
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)
-
-
-
-