buttons worden niet goed weergegeven.

**Ivo W.** · 03-12-2013, 13:08

in de winkelwagen van een magento shop worden buttons niet goed weergegeven.
Het gaat om de "ga door naar afrekenen" knoppen.
zie bijlage

hoe en waar kan ik de 2 delen tegen elkaar krijgen?

**Marcel van Vrouwerf** · 03-12-2013, 13:28

Waarschijnlijk zijn dit 2 achtergronden en moet je de rechtse even langer maken?

**Jordy van der meulen** · 03-12-2013, 13:38

Post je CSS even. En over welk element het gaat.

**Ivo W.** · 03-12-2013, 14:31

het zijn 2 afbeeldingen.

ik denk dat het om dit stukje css gaat

button.btn-checkout span {
background: url(../images/bt-checkout.gif) no-repeat scroll left center !important;
border: 0 none;
display: block;
height: 27px;
padding: 0 0 0 16px;
}
button.btn-checkout span span {
background: url(../images/bt-checkoutr.gif) no-repeat scroll right center !important;
color: #FFFFFF;
font-size: 12px;
line-height: 27px;
padding: 0 16px 0 0;

**Jordy van der meulen** · 03-12-2013, 14:32

Welk stukje? Plak eens.

**Marcel van Vrouwerf** · 03-12-2013, 14:36

maak de rechtse gewoon iets langer, zoals ik al eerder opperde...

**Ivo W.** · 03-12-2013, 14:42

stukje staat er toch?

marcel. de maten van de afbeeldingen kloppen, ergens in de code zit iets niet goed

**Marcel van Vrouwerf** · 03-12-2013, 14:47

Ik zie dat de span en de span erin goed zijn: De tekst "ga door..." staat er in zijn geheel, terwijl de achtergrond niet doorloopt; zoals ik het zie rekt de achtergrondafbeelding niet ver genoeg naar links. Ik kan het natuurlijk mis hebben, maar ik krijg mezelf niet van dit idee af.

**Ivo W.** · 03-12-2013, 15:39

opgelost:

doordat de nederlandse tekst in de button langer was dan de orginele engelse tekst drukte de tekst de afbeeldingen uit elkaar.
kleinere lettertype heeft het probleem opgelost

buttons worden niet goed weergegeven.