CSS, Button-Ausrichtung anpassen??

micky_pi

Hallo,

ich habe wp-Print installiert! Die Ausrichtung des Drucker-Symbols haut nicht hin! Der Button rutscht immer nach oben und ist nicht mittig gesetzt! Siehe auf meiner Startseite immer unter den Beitragstiteln......

So habe ich es versucht:

PHP

<img class="Print" src="'.$print_icon.'" alt="'.$print_text.'" title="'.$print_text.'" style="border: 0px;" />

und die CSS-Class:

Zitat

.Print {
padding-top:5px;
margin: 0px 0px 48px 0px;
padding: 4px 0px 0px 0px;
}

Keine Reaktion und irgendwie ändert sich nichts! Habe da jetzt ein Brett vor dem Kopf! Wer kann mir einen Tipp geben und sagen wie ich das richtig machen muss...?

Bin für jeden Tipp dankbar!

gruß micky_pi

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

neontrauma

Hej,

erstmal: dein Stylesheet ist ein wenig "doppelt gemoppelt", da du zweimal eine Angabe für das Padding hast. Die untere überschreibt somit die obere.
Wenn du beim Padding vier Werte zu stehen hast, bezeichnen diese den Abstand nach oben, rechts, unten, links (in dieser Reihenfolge).

Und wenn du "0" dazustehen hast, brauchst du keine Angabe der Einheit. 0 Prozent sind genausoviel wie 0 Pixel. ;)

Verändere mal den Wert des Abstands nach unten, das steht jetzt ja auf 48 Pixeln, setz die mal etwas herunter und schau, wie es sich ändert.

Lieben Gruß
neontrauma

micky_pi

Hmmm, Egal wie ich den Wert verändere, keine Reaktion! Der Button bleibt stur auf seiner Position....? (Cache usw. habe ich natürlich geleert!)...

micky_pi

micky_pi

Hallo,

habe jetzt verschiedene Sachen probiert und egal was ich anstelle, der Button bleibt auf seiner Position... Glaube das liegt an wp-print...

Weiß jetzt nicht was ich machen soll..

micky_pi

Monika

da woich grade bin ist ein lahmes Inet, ich kann deine Seite daher nicht öffnen,

nachmittags bin ich daheim...PN mich dann einfach an, ich vergesse sonst

lg

blogpartei

Schon mal mit Vertical Align probiert?

PHP

.Print {
vertical-align: sub;
margin: 0 0 48px 0;
padding: 5px 0 0 0;
}

Andere Commands:
vertical-align: baseline - An der Grundlinie ausrichten
vertical-align: bottom - Am unteren Rand des Elternelements
vertical-align: text-bottom - Am unteren Textrand

vertical-align: Vertikale Ausrichtung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

edit: Wofür eigentlich dann das Margin und das Padding? Kannste auch mal ohne probieren, das Bild wird ja an einer bestimmten Stelle im Text geladen - wenn du die Position per Koord. definierst, kanns ja glaub sein, dass bei Browsern mit größeren Schrifteinstellungen das Symbol irgendwo rumliegt.

Monika

micky-pi

vertical-align:baseline oder bottom hilft in fast allen Browsern,

lg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS, Button-Ausrichtung anpassen??

Jetzt mitmachen!