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-Code:

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


und die CSS-Class:

.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

[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-Code:

        .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