Text alignment

ForrestFunk

Ich versuche eine Navigation in meinem Blog einzufügen, um jeweils zum vorigen und nächsten Eintrag zu kommen.
Ich habs mal so versucht:

PHP

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

Die links sind auch tatsächlich links und rechts, aber in unterschiedlichen Zeilen. Ich versteh aber nicht warum. Wie krieg ich das hin?
Danke für eure Hilfe!

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

janny

Ein Link zur Seite wäre sicherlich hilfreich.

pichfl

da braucht man keinen link, obwohls immer hilfreich ist.

das problem sind ide beiden <div> um die navigationselemente.

wenn du die ineinander schachtelst, sollte es gehen.

also z.B.

PHP

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

ForrestFunk

Genau das

hab ich auch schon versucht. Hat aber leider nicht funktioniert. Kann das an meinem theme (pool) liegen?

Ist ja wirklich sonderbar...

Monika

wie sind denn alignleft und alignright in der css Datei definiert?

oder
versuche es mal mit

PHP

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

span ist ein inline Element, div nicht

lG
Monika

ForrestFunk

Das mit span hab ich auch schon versucht... hab auch mal deinen code probiert, aber das mit dem alignright scheint ihm völlig egal zu sein.

Kann das in der css Datei andersn konfiguriert sein???
:?:

Hab das in meinem css gefunden:

Code

/* Text align */
.center {
	text-align: center;
	}
	
.alignright {
	text-align: right;
	}


.alignleft {
	text-align: left;
	}

Alles anzeigen

Kannst du damit etwas anfangen?

ForrestFunk

Fortschritt!!!!!!!!!!

Ich hab das

PHP

<p id="entrynavigation">
		<?php previous_post('<span class="previous">&laquo; &laquo; %</span>','','yes') ?>
		<?php next_post('<span class="next">% &raquo; &raquo;</span> ','','yes') ?>
		</p>

in mein single.php file und

das

Code

.next a {float:right;}
	.previous a {float:left;}




	#entrynavigation {
	  overflow: auto;
	  height:1%;
	  margin-bottom:13px;
	  color: #0B76AE; 
	  padding-bottom:13px;
	  border-bottom:1px solid;
	  font-size:0.9em;
	}

Alles anzeigen

in mein css file eingepackt.

Nun sind die Texte tatsächlich links und rechts, ABER: die laquos und raquos stehen eine Zeile darüber nebeneinander!!! :!: :?:

WARUM! Die Lösung ist nahe...

ForrestFunk

Endlich

Ich habs geschafft.

Das Problem hab ich jetzt mit Bildern gelöst (alles genauso wie beim blix Thema gemacht):

ins css zusätzlich das:

Code

.next a {
	  padding-right:10px;
	  background:url(images/next.gif) center right no-repeat;
	}


	.previous a {
	  padding-left:10px;
	  background:url(images/previous.gif) center left no-repeat;
	}

...und dann auch natürlich die entsprechend benannten Bilder (Pfeile) ins Verzeichnis images im entsprechenden theme Ordner abgelegt - jetzt funktionierts.

War ein hartes Stück Arbeit für mich, aber jetzt hauts endlich hin! Thread für mich somit beendet!

Grüße,
Harry

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Text alignment

Jetzt mitmachen!