The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Image With PayPal Button Float Issue

  • MBM
    # April 27, 2013 at 10:05 pm

    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.



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

    div.ppal {

    # April 28, 2013 at 5:49 am

    What is it supposed to look like?

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

    # April 28, 2013 at 8:42 am

    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

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

    div.ppal {

    ![Alt text]( “PayPal ecommerce template”)

    # April 30, 2013 at 12:36 am

    I made an example from Codepen
    Is it like what you have wanted?

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed