Anordnung von Text in Button - IE 9+10 Problem

  • Hallo Community,


    ich habe ein Problem bei dem ich einfach nicht weiter komme. Ist bestimmt ne Kleinigkeit für euch :)


    In meinem Shop


    Stunt-Scooter Grips - Griffe | | http://www.50fifty-scooter.de


    habe ich Artikel die aktuell nicht verfügbar sind. Dann steht da "Bitte benachrichtigen sie mich" an Stelle der "In den Warenkorb" Button.


    Unter IE 9 und IE 10 wird der Test so dargestellt, dass er in zwei Zeilen verschoben wird. Bei allen anderen Browsern ordnet sich der Text, wie gewünscht, mittig an.


    Kann mir einer Sagen wo ich da was in welcher CSS ändern muss? Nach vielen Versuchen unter Einsatz von FireBug habe ich es leider nicht hin bekommen.


    Vielen Dank


    Gruß
    Nikolas

  • Hi Nikolas,


    probier mal das: yag_theme.css Zeile 198


    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    padding: 0 28px;
    text-transform: uppercase;


    Setze erst mal nur das padding von 0 36 auf 0 28 ,müsste auch schon reichen


    Gruss Jamel

    I`m not a perfect person. I make a lot of mistakes....
    :o But still, I love those people who stay with me after knowing how I really am. :o


    Problem gelöst? Dann bitte auch die Lösung posten und Beitrag auf [gelöst] setzen.


    Im aufgerufenen Thema siehst Du oben den Satz "Dieses Thema als [GELÖST] markieren.
    Nach Anklicken wird das Thema auf gelöst gesetzt und der Satz verschwindet.

    3 Mal editiert, zuletzt von Jamel ()

  • Hi Nikolas,


    so auf die schnelle würde ich eventuel noch nen "margin-left: 5px; (+-)" oder so dazu machen dann damit kannst du deine Balken noch eine wenig hin und her schieben.


    Oder die Schriftgrösse kleiner machen und das padding eventuell wieder schrittweise Erhöhen.


    Dann noch ein kleiner Tip:


    In deinem Template werden viele Div´s mit einer Einstellung gesteuert.


    Zitat

    div#yagVmOverWrap div.yagVmCategoryGridProdAtcBox input.yagVmCategoryAtcBtn, div#yagVmOverWrap a.yagVmCategoryNotifyBtn, div#yagVmOverWrap div#yagEcWrapProductdetailsNotify span.addtocart-button input, div#yagVmOverWrap input.yagVmUserLoginConfirm, div#yagVmOverWrap input.yagVmUserLogoutBtn, div#yagVmOverWrap div.yagVmFlyBackToCat > a, div#yagVmOverWrap input.highlight-button {


    Deshalb immer überprüfen ob eine Änderung sich eventeull negativ auf eine miteingebunde DIV´s auswirkt.


    Im Zweifelsfall einfach die DIV raus nehmen und einzeln steuern .


    Und vor allem wenn du am CSS arbeitest, dann mach dir vorab nen backup.


    Im CSS kann man sich leicht verlieren und dann weiss man nach ner Weile nicht mehr wo man was rumgeschraubt hat und auf der nächsten Seite ist dann alles krumm und schief ;)


    Gruss Jamel

    I`m not a perfect person. I make a lot of mistakes....
    :o But still, I love those people who stay with me after knowing how I really am. :o


    Problem gelöst? Dann bitte auch die Lösung posten und Beitrag auf [gelöst] setzen.


    Im aufgerufenen Thema siehst Du oben den Satz "Dieses Thema als [GELÖST] markieren.
    Nach Anklicken wird das Thema auf gelöst gesetzt und der Satz verschwindet.

  • Antwort aus PN


    Also du willst das rote x mit einem andern Bild ersetzen: Ausverkauft?!?!


    <img alt="" src="http://www.50fifty-scooter.de/components/com_yagendooproductmanager/themes/yag_lingerie_etheme/assets/yagImages/global/availability/de-DE/stock_empty.gif">


    Dann muss du das stock_empty.gif einfach erstzen.


    Ziehe es dir aber vorher auf deinen Rechner oder benenne es fia FTP kurz um z.B. 01stock_empty.gif!!!!


    Gruss Jamel

    I`m not a perfect person. I make a lot of mistakes....
    :o But still, I love those people who stay with me after knowing how I really am. :o


    Problem gelöst? Dann bitte auch die Lösung posten und Beitrag auf [gelöst] setzen.


    Im aufgerufenen Thema siehst Du oben den Satz "Dieses Thema als [GELÖST] markieren.
    Nach Anklicken wird das Thema auf gelöst gesetzt und der Satz verschwindet.