|
|||
Amazon Button will einfach nicht gelingen
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) ); } |
Sponsored Links |
|
|||
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) ); } Geändert von cloned (23.10.2019 um 12:29 Uhr) |
Sponsored Links |
|
|||
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.
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Einen grafischen Button in CSS nachbauen | mgutt | CSS | 20 | 26.07.2007 17:03 |
verschiebungen in den Button (max width min width) | markusguenther | CSS | 7 | 04.06.2007 12:50 |
An Reset Button URL anhängen | Slapjack | (X)HTML | 5 | 02.04.2007 16:31 |
FF Problem: button mit image | darolla | CSS | 6 | 02.04.2007 09:49 |
Hilfe mein JS funktioniert einfach nicht | Ursula68 | Site- und Layoutcheck | 3 | 16.09.2005 00:35 |