Listing der Beiträge

m34

Hallo,

ich würde gerne zwei Beiträge nebeneinander dargestellt bekommen. Ist das möglich? Gibts evtl. ein entsprechendes Plugin?

Vielen Dank im Voraus
M34

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

jottlieb

Zitat von m34

Hallo,

ich würde gerne zwei Beiträge nebeneinander dargestellt bekommen. Ist das möglich?

Sollte möglich sein, ja. Evtl. mit Kniffen.

m34

"kniffen"?

jottlieb

Mit irgendwelchen Programmiertechnischen Tricks, z.B. zwei Loops.

marX

Könnte auch mit reinem CSS funktionieren, indem man die Beitrags-Container nebeneinander floatet. Ist aber auch ein "Kniff" ;-)

m34

PHP

.post {
 margin-bottom: 10px; 
 padding-bottom: 5px;
}
.post h3 {
 
  color: #000000;
}
.post .post-footer {
 background-color: #E3DEC9;
 border: 1px solid #D6D1B9;
 padding: 5px; margin: 0 15px 10px 15px;
 font-size: 95%;
 text-align:left;
  color: #000000;
}
.post .post-footer .date {
 background: url('images/clock.png') no-repeat 0 center;
 padding-left: 20px; margin: 0 5px 0 5px;
 color: #000000;
}
.post .post-footer .comments {
 background: url('images/comment.png') no-repeat 0 center;
 padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .catg {
 background: url('images/category.png') no-repeat 0 center;
 padding-left: 20px; margin: 0 10px 0 5px;
}
.post .postmeta {
    margin: 5px 0 5px 10px;
 font-size: 90%;
 text-align:left;
 border-top: 1px solid #F2F2EA; 
 }
.post .postmeta .date {
 background: url('images/clock.png') no-repeat 0 center;
 padding-left: 20px; margin: 0 5px 0 5px;
}
.post .postmeta .comments {
 background: url('images/comment.png') no-repeat 0 center;
 padding-left: 20px; margin: 0 10px 0 5px;
}
.post .postmeta .catg {
 background: url('images/category.png') no-repeat 0 center;
 padding-left: 20px; margin: 0 10px 0 5px;
}

Alles anzeigen

also müsste in diesem bereich etwas verändert werden?

marX

Wenn der post-Container dein komplettes Posting enthält, d.h. deine Seite nur eine Ansammlung von post-Containern ist, dann ja.

Probier mal das:

Code

.post {
...
float:left;
}

Wenn dann die Sidebar nicht mehr ganz passt, oder der Footer, dann musst du noch ein wenig mit "clear" tricksen. Hilfe gibts bei CSS 4 You - The Finest in Stylesheets

jottlieb

Zitat von marX

Könnte auch mit reinem CSS funktionieren, indem man die Beitrags-Container nebeneinander floatet. Ist aber auch ein "Kniff" ;-)

Daran hab ich auch schon gedacht.
Und dann evtl. jeden zweiten Post (kann man ja easy rausbekommen) ein Zeilenumbruch mit clear und dann sollte das klappen, falls man es nicht komplett nur mit CSS lösen kann.

m34

besten dank :-) hab einfach mal "width" eingefügt und schon ist es zweispaltig. :-D

m34

Ein Problem ergibt sich allerdings noch, wenn jemand ein Kommentar schreiben möchte. Während es ohne float schön untereinander stand, überschneiden sich nun Beitrag und Kommentarfeld:

Bild

Hab zu allen posts-id in der css float: none; geschrieben, hat aber nichts gebracht.

Ich bedanke mich schon mal im Voraus

Liebe Grüße
M34

m34

ich glaube, das, was ich ändern muss, ist in diesem bereich:

PHP

form {
 margin:0; padding: 0;
 border: 1px solid #f2f2f2; 
 background-color: #221B15;
}
label {
 display:block;
 font-weight:bold;
 margin:5px 0;
}
input {
 padding: 2px;
 border:1px solid #eee;
 font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
 color:#777;
}
textarea {
 width:400px;
 padding:2px;
 font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
 border:1px solid #eee;
 height:100px;
 display:block;
 color:#777;
}
input.button { 
 margin: 0; 
 font: bold 1em Arial, Sans-serif; 
 border: 1px solid #D1CEB9;
 background: #F2F2EA url('images/menubgoff.gif') repeat-x; 
 padding: 2px 3px; 
 color: #333; 
}

Alles anzeigen

werde herumprobieren, falls jemand aber einen tipp hat, bitte nur zu :)

marX

Der Kommentar-Container z.B. die Kommentar-Überschrift muss ein "clear:both" erhalten, hatte ich weiter oben ja schon angedeutet.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Listing der Beiträge

Jetzt mitmachen!