Image With PayPal Button Float Issue

[MBM]

Before adding code for PayPal buttons I have two rows with 3 images on each row. I’ve added PayPal button code and put it in a container to position it but only the first button floats under the image, the rest are a mess. I have tried clearing the divs and playing around with positioning. The code validates.

Sizes

Size 7 £0.00 GBP Size 8 £0.00 GBP Size 9 £0.00 GBP

div.row1 {margin-left:260px;}
div.row2 {margin-left:260px;}

div.ppal {
float:left;
margin-top:-40px;
margin-left:10px;
}

http://mbmitservices.co.uk/pcommerce/index.html

[Paulie_D]

What is it supposed to look like?

Oh….and do you have to use a table?…I suspect that is the problem.

[MBM]

Yes the problem is the table but it’s PayPal generated code so I can’t edit it. I’ve removed a border tag for validation purposes but don’t want to mess about with the table code. After a lot of fiddling about I have got it working. I’m not sure if the way I’ve done it is good practice.

Please Select Size

Size 7 £0.10 GBP Size 8 £0.10 GBP Size 9 £0.10 GBP

div.row1 {margin-left:260px;}

div.ppal {
float:left;
margin-left:-260px;
margin-top:340px;
margin-bottom:20px;
}


[daffy58]

I made an example from Codepen http://codepen.io/anon/pen/jhFwp
Is it like what you have wanted?

[Author]

Posts