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 2003-07-26

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 A.

Posted: 20 April 2008 01:30 AM

[ Ignore ] [ # 1 ]

Research Assistant

Total Posts: 355

Joined 2007-05-07

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

Profile

Robert Crow

Posted: 20 April 2008 01:38 AM

[ Ignore ] [ # 2 ]

Lab Assistant

Total Posts: 266

Joined 2003-07-26

Hi Greg,

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

Cheers,
Robert

Profile

Greg A.

Posted: 20 April 2008 01:43 AM

[ Ignore ] [ # 3 ]

Research Assistant

Total Posts: 355

Joined 2007-05-07

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

Profile

Ingmar Greil

Posted: 20 April 2008 01:57 AM

[ Ignore ] [ # 4 ]

Moderator

Total Posts: 11208

Joined 2004-05-15

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.
No PM’s, please—use regular mail.

Profile

Greg A.

Posted: 20 April 2008 02:09 AM

[ Ignore ] [ # 5 ]

Research Assistant

Total Posts: 355

Joined 2007-05-07

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?

Profile

Ingmar Greil

Posted: 20 April 2008 03:00 AM

[ Ignore ] [ # 6 ]

Moderator

Total Posts: 11208

Joined 2004-05-15

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.
No PM’s, please—use regular mail.

Profile

patrick-vibes

Posted: 12 May 2008 06:49 PM

[ Ignore ] [ # 7 ]

Summer Student

Total Posts: 20

Joined 2008-04-15

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:	58259	Total Logged-in Users:	23
Total Topics:	68363	Total Anonymous Users:	22
Total Replies:	368155	Total Guests:	458
Total Posts:	436518