Thread

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

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 “” at the beginning, and a “” at the end…

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

-greg

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

Hi Greg,

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

Cheers,
Robert

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

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”?

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?

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.

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="http://button">source for this button</a></li>
<li><a href="http://button">source for this button</a></li>
<li><a href="http://button">source for this button</a></li>
</ul>

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