Wordpress 3 spalten?

Beginner

Monday, March 15th 2010, 5:13pm

Wordpress 3 spalten?

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

Administrator

Posts: 8,454

Monday, March 15th 2010, 6:33pm

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

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

mmirna

Beginner

Posts: 4

Monday, March 15th 2010, 11:05pm

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.

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

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

Koljan777

Professional

Posts: 216

Monday, March 15th 2010, 11:31pm

dürften wir bisschen Code sehen?

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

mfG, Niko

mmirna

Beginner

Posts: 4

Tuesday, March 16th 2010, 2:08pm

ich habe das versucht mit float zu lösen:

	Source code
1 2 3	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

Professional

Posts: 216

Tuesday, March 16th 2010, 5:18pm

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.

HTML Code

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

mmirna

Beginner

Posts: 4

Tuesday, March 16th 2010, 7:16pm

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

Professional

Posts: 216

Wednesday, March 17th 2010, 12:04am

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

Administrator

Posts: 8,454

Wednesday, March 17th 2010, 9:07am

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

PHP Quellcode

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

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

vince

Master

Posts: 1,105

Wednesday, March 17th 2010, 11:01am

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.