zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Amazon Button will einfach nicht gelingen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.10.2019, 19:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.10.2010
Beiträge: 6
Chizzo befindet sich auf einem aufstrebenden Ast
Standard 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) );
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.10.2019, 14:51
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.030
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.10.2019, 10:49
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.931
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

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

Edit: Jetzt! im padding.
Mit Zitat antworten
  #4 (permalink)  
Alt 23.10.2019, 12:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.030
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:18 Uhr.