You are not logged in.

  • Login

1

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.

2

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 ;)

3

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

4

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

5

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

6

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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" />

7

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

8

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...

9

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

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

10

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.

11

Wednesday, March 17th 2010, 12:32pm

@vince

deswegen ja "bis zum Übergeben" :D :D :D

Similar threads

Social bookmarks