Image bei "Weiterlesen" einbinden -Problem

COPIC

Hi,

wieder ne nervige Kleinigkeit!

Ich versuche ein kleines gif anstelle von "&raquo" einzubinden.

Mein Code hierfür:

PHP

<?php the_content(__('Weiter <img src="http://www.mysite.com/CMS/wp-content/themes/xxx/pixies/arrowmore.gif" alt="Arrow" height="10" width="27" />')); ?><?php } ?>

Aber der Pfeil ist versetzt, obwohl die Höhe nur 10px beträgt. Gibt es hierzu noch zusätliche Anweisungen, die man angeben kann?

Grüße!

EDIT: Habe es auch mit align="bottom" probiert, aber das geht leider nicht.

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

SuMu

mit CSS stylen oder ohne Grafik:
XHTML Character Entity Reference

COPIC

Danke soweit, aber warum lässt es sich den nicht ausrichten? Height und Width zeigen ja auch eine Wirkung?

Und wenn ich das mit CSS machen möchte, kann ich das dann auch in dieser Zeile, oder muss das dann in die style.css? Ich habe da leider nur minimale Grundkenntnisse.

SuMu

so bekommst du eine pfeil: →

PHP

<?php the_content(__('Weiter  &rarr;)); ?><?php } ?>

kannst du ja mal testen und gucken, ob es dir gefällt

COPIC

Den habe ich dank deines Links schon ausgetestet :-D
Ist aber trotzdem frustrierend, dass das Bild sich nicht ausrichten lässt. Mit Bild sieht es einfach besser aus.

ich habe das jetzt mit CSS versucht:

PHP

<div class="Arrow">
<h1><img style="position: bottom; "src="http://www.mysite.com/CMS/wp-content/themes/xxx/pixies/arrowmore.gif "width="27" height="10" title="Arrow"></a></h1></div> />

Aber da erscheint dann garnichts mehr...hmmm

Kann ich denn ansonsten dem → noch eine Größe/Farbe zuweisen? Der erscheint gerade recht klein

Karbrüggen

HTML

<img class="readon" src="http://www.mysite.com/CMS/wp-content/themes/xxx/pixies/arrowmore.gif" alt="Pfeil" title="Arrow" />

und

Code

img.readon {
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
  width: Xpx;
  height: Ypx;
}

Das sollte reichen.

SELFHTML: HTML/XHTML / Grafiken / Grafiken ausrichten

LG
Dominik

Nachtrag: Dass in deinem obigem Beispiel nichts geht ist leicht zu erklären: Schau dir mal genau die Verschachtelung der Tags an ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Image bei "Weiterlesen" einbinden -Problem

Jetzt mitmachen!