XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Amazon Button will einfach nicht gelingen (http://xhtmlforum.de/showthread.php?t=73945)

Chizzo 21.10.2019 18:49

Amazon Button will einfach nicht gelingen
 
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo,

ich würde mir gerne einen hübschen Amazon-Button mit CSS basteln, aber leider bekomme ich weder das Bild, noch den Text zentriert...

Wo liegt mein Fehler? Was habe ich vergessen?

Vielen Dank!

Code:

.amzn
{
    font: 13px/44px sans-serif;
    font-family: sans-serif;
    text-decoration:none;
    text-align: center;

    display: inline-block;

    max-width: 180px;
    height: 42px;
    padding: 0px 0px 0px 0px;

    color: #222;
    border: 1px solid #c5a65a;
    border-radius: 4px;
    background: url(http://i.imgur.com/juarELs.png) no-repeat 3px 3px, -webkit-gradient( linear, left top, left bottom, color-stop(.05, #f6dd9f), color-stop(1, #f0c24d) );
}


cloned 22.10.2019 13:51

Code:

.amzn {
    font: 13px/44px sans-serif;
    font-family: sans-serif;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    max-width: 180px;
    height: 42px;
    line-height: 42px;
    padding: 0px 0px 0px 39px;
    color: #222;
    border: 1px solid #c5a65a;
    border-radius: 4px;
    background: url(http://i.imgur.com/juarELs.png) no-repeat 4px 8px, -webkit-gradient( linear, left top, left bottom, color-stop(.05, #f6dd9f), color-stop(1, #f0c24d) );
}


protonenbeschleuniger 23.10.2019 09:49

Ich sehe nicht den Fehler. Wo ist denn der Unterschied?

Edit: Jetzt! im padding.

cloned 23.10.2019 11:48

hab es sogar noch um line-height aktualisiert. Das darf dann halt nur bei einzeiligem Text verwendet werden. Bzw. es darf immer verwendet werden, es schaut bei mehrzeiligem button-text dann eventuell nicht so schön aus.


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:02 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019