Wordpress 3 spalten?

mmirna · 15. März 2010, 17:13

Hallo

die beiträge in wp werden ja im moment alle untereinander angezeit.Ich will es aber in drei spalten haben weiß nicht wie?

Kenn mich da nocht nicht so aus.

Torben Brodt · 15. März 2010, 18:33

Naja, entweder du lädst dir ein entsprechendes [google]wordpress theme[/google] herunter, oder du machst es selbst mit CSS.
Dazu musst du aber natürlich CSS beherrschen

mmirna · 15. März 2010, 23:05

css kann ich ein bisschen.

ich habe mein problem versucht mit float zu lösen es klappt soweit. Es werden jetzt 3 beiträge nebeneinander gezeigt,wenn es allerdings zur nächsten reihe kommt.Entstehen große lücken.

img693.imageshack.us/img693/7530/37084352.png

Der unterste Beitrag Lorem ipsum soll jetzt höher,weiß aber nicht wie

Koljan777 · 15. März 2010, 23:31

dürften wir bisschen Code sehen?

- hast du die 3 Spalten in einem Div?
- unterbrichst du die 3 spalten mit <br />?

mfG, Niko

mmirna · 16. März 2010, 14:08

ich habe das versucht mit float zu lösen:

Quellcode

margin-left: 30px;
width: 30%;
float: left;

Hätte gerne den vierten beitrag noch in die lücke da oben gehabt weiß allerdings nicht wie

Koljan777 · 16. März 2010, 17:18

Hi

entweder du spielst mit position:absolute bis zum Übergeben oder du legst erstmal 3 Spalten an und schmeißt dann deine divs da rein, anstatt Reihenweise die divs aufzulisten.

Quellcode

<div id="spalte1" style="float:left; width:30%;">
<div id="2" style="background-color:#00C; height:10px;"> </div>
<div id="3" style="background-color:#F00; height:30px;"> </div>
<div id="4" style="background-color:#FF0; height:70px;"> </div>
<div id="5" style="background-color:#0F0; height:110px;"> </div>
</div>
<div id="spalte2" style="float:left; width:30%;">
<div id="2" style="background-color:#00C; height:70px;"> </div>
<div id="3" style="background-color:#F00; height:50px;"> </div>
<div id="4" style="background-color:#FF0; height:14px;"> </div>
<div id="5" style="background-color:#0F0; height:23px;"> </div>
</div>
<div id="spalte3" style="float:left; width:30%;">
<div id="2" style="background-color:#00C; height:110px;"> </div>
<div id="3" style="background-color:#F00; height:50px;"> </div>
<div id="4" style="background-color:#FF0; height:70px;"> </div>
<div id="5" style="background-color:#0F0; height:105px;"> </div>
</div><br clear="all" />

Alles anzeigen

mmirna · 16. März 2010, 19:16

danke aber es ist so ich weiß nicht wie man in wordpress das mit php macht.Es spuckt nur die beiträge untereinander aus.

Werde es mal mit position absolute versuchen

Koljan777 · 17. März 2010, 00:04

gut, absolute hilft eigentlich wenig weiter, da du die höhe nicht vorausbestimmten kannst. das ist bisschen mies, weiß ehrlich gesagt auch nicht sofort wie mans machen könnte.

vielleicht wird es einer noch hinschreiben

und ich werde es auch noch paar mal versuchen...

Torben Brodt · 17. März 2010, 09:07

naja, sobald du die Webseite online hast, poste einfach mal einen Link. Dann können wir dir bestimmt weiterhelfen.
Irgendwo wird in php eine schleife über die beiträge sein - und dort musst du regelmäßig clearen...
das kriegen wir schon hin

Quellcode

$i = 0;
foreach($postings as $post) {
echo '<div style="float:left">...</div>';
if(++$i % 3 == 0) {
echo '<br style="clear:both"/>';
}
}

vince · 17. März 2010, 11:01

Ich kann von position:absolute nur abraten. Die Zeiten sind glücklicherweise vorbei

Das verträgt sich mit float auch nicht.

So wie es auf dem Bild aussieht, kann es auch sein, das der float funktioniert, aber der erste Beitrag einen zu grossen Aussenabstand nach oben hat.
Schau mal mit Firebug zu welchem Element der freie Platz über dem ersten Post gehört.

Koljan777 · 17. März 2010, 12:32

@vince

deswegen ja "bis zum Übergeben"

Wordpress 3 spalten?

Wordpress 3 spalten?

Quellcode

Quellcode

Quellcode

Teilen

Tags