Vorher/Nächter Artikel in einer Reihe?

Kyaral

Hallo!

Bei mir stehen Standardmäßig die Links zum vorigen bzw. nächsten Artikel untereinander, was mir nicht unbedingt gefällt, da ich sie viel lieber nebeneinander stehend hätte.

Wie stelle ich das am besten an?
Im Moment sieht es in der single.php so aus:

PHP

<div id="nav-below" class="navigation">
                    <div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'twentyten' ) . '</span> %title' ); ?></div>
                    <div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'twentyten' ) . '</span>' ); ?></div>
                </div><!-- #nav-below -->

Ich habe schon in der Forensuche nachgesehen, da wurde in einem Fall das hier empfohlen:

PHP

[<div class="navigation">
            <div class="alignleft"><?php previous_post('&laquo; %','','yes') ?></div>
            <div class="alignright"><?php next_post(' % &raquo;','','yes') ?></div>
        </div>

Nur macht dieser Code mein Design ein bisschen kaputt... Die Pfeile sind nicht die richtigen und der Text schwebt zwischen meinen Designlinien, also passt da leider irgendwas nicht :(

Danke euch im voraus für die Hilfe :D

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

ptra

CSS-Regeln - "display: block" z.b. läßt die Artikel untereinander stehen und ein eingesetztes "float: left" stellt sie nebeneinander.

Gruß. Petra ;-)

Kyaral

Ah, okay. Aber wenn ich in meines style.css Datei ganz unten einfach

Code

display: block
float: left

eingebe, passiert nichts :(

alchymyth

css-grundlagen:
http://de.html.net/tutorials/css/
oder
http://www.w3schools.com/css/

welches theme verwendest du?
eigentlich sollte im theme die anordnung der navs ueber die css classes [FONT=Courier New][COLOR=blue].nav-previous[/COLOR][/FONT] und [FONT=Courier New][COLOR=blue].nav-next[/COLOR][/FONT] geregelt sein.

ohne link zu deiner seite ist das jedoch nicht nachpruefbar.

Kyaral

z.B. ganz unten ist das vorige/nächste Beitrag untereinander...
Ich finde aber nirgends ein eingestelltes "display:block" und habe keine Ahnung, woran es liegen kann.

alchymyth

es sind keine styles fuer diese links in style.css des themes vorhanden;
daher kannst du welche neu einfuegen (am ende der style.css);

zB:

Code

.nav-previous { float: left; }
.nav-next { float: right; }
#nav-below:after { content:'.'; display: block; clear: both; visibility: hidden; }

Kyaral

dankeschön, jetzt hat es geklappt :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Vorher/Nächter Artikel in einer Reihe?

Jetzt mitmachen!