1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

I need help with my Wordpress blog

Discussion in 'Blogging' started by lukywest1, Apr 11, 2012.

  1. lukywest1

    lukywest1 Junior Member

    Joined:
    Nov 21, 2011
    Messages:
    161
    Likes Received:
    4
    I have created an e-commerce site using WordPress but I need some help with it. Basically on this site http://youtubestore.net/services/ I have my PayPal buttons in mess I need the buttons to go in horizontal line to fit with the images. Can anyone help me?
     
  2. The_Clarkey

    The_Clarkey Junior Member

    Joined:
    Mar 26, 2011
    Messages:
    127
    Likes Received:
    24
    I'm no coding expert but have you tried putting the paypal buttons all within the dame <div> tag to see if it helps? Also your "youtube video URL" is showing off the page.
     
  3. genosse

    genosse Junior Member

    Joined:
    Apr 3, 2011
    Messages:
    115
    Likes Received:
    76
    Occupation:
    Father, Freelance Writer and Web Developer
    There may be a better way of doing this , but like he said above, you can place the images and paypal buttons in the same div tags and float them all left.

    Code:
    <div style="float:left;">
    image code here
    paypal button code here
    </div>
    
    <div style="float:left;">
    image code here
    paypal button code here
    </div>
    
    <div style="float:left;">
    image code here
    paypal button code here
    </div>
    
    This doesn't take care of centering everything and making it look pretty, but it'll get you started.
     
  4. genosse

    genosse Junior Member

    Joined:
    Apr 3, 2011
    Messages:
    115
    Likes Received:
    76
    Occupation:
    Father, Freelance Writer and Web Developer
    And something like this makes it a little prettier...

    Code:
    <div style="float:left;>"
        <div>
            <img class="wp-image-186 alignleft" title="Basic-Package" src="http://youtubestore.net/wp-content/uploads/2012/03/Basic-Package2.jpg" alt="" width="280" height="220" />
        </div>
        
        <div style="margin-left:70px;">
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post"><span style="font-size: small;"><span style="line-height: normal;"><img src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" alt="" width="1" height="1" border="0" /></span></span></form>
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick" />
            <input type="hidden" name="hosted_button_id" value="VTGREDAMGNU8G" />
            <table>
            <tbody>
            <tr>
            <td>
            <input type="hidden" name="on0" value="YouTube Video URL:" />YouTube Video URL:</td>
            </tr>
            <tr>
            <td>
            <input type="text" name="os0" maxlength="200" /></td>
            </tr>
            </tbody>
            </table>
            <input type="image" name="submit" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_buynowCC_LG.gif" alt="PayPal — The safer, easier way to pay online." /> <img src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" alt="" width="1" height="1" border="0" /></form>
        </div>
    
    
    </div>
    
    
    
    
    <div style="float:left;">
        <div>
            <img class=" wp-image-293 alignleft" style="text-align: left;" title="youtubelogo" src="http://youtubestore.net/wp-content/uploads/2012/03/Standard-Package.jpg" alt="" width="280" height="220" border="0" />
        </div>
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick" />
        <div style="margin-left:70px;">
    <input type="hidden" name="hosted_button_id" value="PM9Y2DWRAXDLE" />
    <table>
    <tbody>
    <tr>
    <td>
    <input type="hidden" name="on0" value="YouTube Video URL:" />YouTube Video URL:</td>
    </tr>
    <tr>
    <td>
    <input type="text" name="os0" maxlength="200" /></td>
    </tr>
    </tbody>
    </table>
    <input type="image" name="submit" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_buynowCC_LG.gif" alt="PayPal — The safer, easier way to pay online." /> <img src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" alt="" width="1" height="1" border="0" /></form>
    </div>
    </div>
    
    
    <div></div>
    
    
    <div style="float:left;">
        <div>
            <img class=" wp-image-293 alignleft" style="border-style: initial; border-color: initial; border-image: initial; border-width: 0px;" title="youtubelogo" src="http://youtubestore.net/wp-content/uploads/2012/03/Pro-Package.jpg" alt="" width="280" height="220" border="0" />
        </div>
        <div style="margin-left:70px;">
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick" />
    <input type="hidden" name="hosted_button_id" value="J9L8BEGNBWF7W" />
    <table>
    <tbody>
    <tr>
    <td>
    <input type="hidden" name="on0" value="YouTube Video URL:" />YouTube Video URL:</td>
    </tr>
    <tr>
    <td>
    <input type="text" name="os0" maxlength="200" /></td>
    </tr>
    </tbody>
    </table>
    <input type="image" name="submit" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_buynowCC_LG.gif" alt="PayPal — The safer, easier way to pay online." /> <img src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" alt="" width="1" height="1" border="0" /></form>
    </div>
    </div>
    
     
    • Thanks Thanks x 1
  5. lukywest1

    lukywest1 Junior Member

    Joined:
    Nov 21, 2011
    Messages:
    161
    Likes Received:
    4
    Thank you very much at least I know a bit more about codding but still there is more to learn thank you I appreciate the help