Simple Commerce - How do I put all 3 buttons on the same line

Robert Crow

Posted: 20 April 2008 12:46 AM

[ Ignore ]

Lab Assistant

Total Posts: 266

Joined 07-26-2003

Hi there,

When using Simple Commerce how do I put all 3 buttons on the same line? Currently they appear each on their own line which takes up a lot of space and looks really bad.

Thank you,
Robert

Profile

Greg Aker

Posted: 20 April 2008 01:30 AM

[ Ignore ] [ # 1 ]

Moderator

Total Posts: 963

Joined 05-07-2007

Robert:

Are you talking about the code pulled from this doc entry?

if so, just take out the extra paragraph tags, so you have a ”<p>” at the beginning, and a ”</p>” at the end…

I hope that’s what you’re looking for.

-greg

Robert Crow - 20 April 2008 12:46 AM
Hi there,

When using Simple Commerce how do I put all 3 buttons on the same line? Currently they appear each on their own line which takes up a lot of space and looks really bad.

Thank you,
Robert

Signature

Profile

MSG

Robert Crow

Posted: 20 April 2008 01:38 AM

[ Ignore ] [ # 2 ]

Lab Assistant

Total Posts: 266

Joined 07-26-2003

Hi Greg,

Thanks for your effort, but I was talking about the buttons and not the links.

Cheers,
Robert

Profile

Greg Aker

Posted: 20 April 2008 01:43 AM

[ Ignore ] [ # 3 ]

Moderator

Total Posts: 963

Joined 05-07-2007

can you point to or paste rendered code that is in question here?

Signature

Profile

MSG

Ingmar Greil

Posted: 20 April 2008 01:57 AM

[ Ignore ] [ # 4 ]

Moderator

Total Posts: 13905

Joined 05-15-2004

Robert, if you look at the generated code, every button is made up of a new <form> element with is own unique id, containing a few hidden fields and the actual button, class=“paypal_button”. With CSS, it should be possible to get them to display in one line, instead of below one another.

Do you want me to move this thread to “HTML, CSS, and Design Help”?

Signature

Everything will be good in the end. If it’s not good, it’s not the end.

Profile

MSG

Greg Aker

Posted: 20 April 2008 02:09 AM

[ Ignore ] [ # 5 ]

Moderator

Total Posts: 963

Joined 05-07-2007

Robert:

Something like this should do it for you:

<style type="text/css">
form {display:inline}
.hiddenFields {display:none;}
</style> 

I hope that helps,

-greg

EDIT: Ingmar, I was playing with this while you posted….Is what I did with the the hidden fields display:none, going to cause any problems?

Signature

Profile

MSG

Ingmar Greil

Posted: 20 April 2008 03:00 AM

[ Ignore ] [ # 6 ]

Moderator

Total Posts: 13905

Joined 05-15-2004

Greg, I don’t see how it could. It’s only impact (if there is one, actually: they should be hidden anyway) would be on the visual output. That should not affect the form data in any way.

Signature

Everything will be good in the end. If it’s not good, it’s not the end.

Profile

MSG

patrick-vibes

Posted: 12 May 2008 06:49 PM

[ Ignore ] [ # 7 ]

Grad Student

Total Posts: 37

Joined 04-15-2008

I would just stick them in an unordered list and use your CSS to display inline for “ul"and “li” in the div in question

i.e.

<ul>
<li><a href="button to buy it now"><img src="source for this button"></a></li>
<li><a href="button to add to cart"><img src="source for this button"></a></li>
<li><a href="button to check out"><img src="source for this button"></a></li>
</ul> 

With CSS you should be fine controlling form elements inside the <list> tags.

Signature

vibes

Profile

‹‹ photoshop buttons and overlap question re: css Lightwindow not working in IE ››

Username		Remember Me?
Password		forgot password?

Post Marker Legend
	New posts	Hot Topic with new posts	New Poll	Moved Topic	Sticky topic
	No new posts	Hot Topic with no new posts	Old Poll	Closed Topic	Announcements

Visitor Statistics
The most visitors ever was 1149, on July 16, 2007 10:33 AM
Total Registered Members:	62439	Total Logged-in Users:	24
Total Topics:	76704	Total Anonymous Users:	15
Total Replies:	414405	Total Guests:	602
Total Posts:	491109