Maxbutton button formatting

Have you tried setting specific container width and then setting the container to “display: inline-block” in Alignment?

no, i will try this and let you know.

One thing I forgot to mention is there is a slider above the three buttons… here is the code:

<div style=”margin-top:-40px;height:400px;”>[slider id=’155′ name=” size=’full’]</div>
<style>.page-header-title{display:none}</style>

[maxbutton id=”6″][maxbutton id=”7″]

That shouldn’t have any effect on the buttons. If the container doesn’t work, try using a table to place the buttons where you’d like them to go.

trying that now…

getting closer… it’s supposed to look like this:

button1 button2 button3

what it looks like is:

button1 button2

I’m using a table, but its still not lining up.

Thoughts?

Can’t do much else unless you link to it or copy the table code you’re trying to use.

ok, one sec…

<table style=”width:100%”>
<tr>
<th>[maxbutton id=”6″]</th>
<th>[maxbutton id=”7″]</th>
</tr>
</table>

Switch from ‘th’ to ‘td’ and add a third ‘td’ to put the third button in.

trying now…

ok, that worked… how do I center each button within the table?

And thank you for your help.

got it.

I’ve Aligned them using the table method but is there any way of making the borders of the table invisible?

This is my code:

<table style=”width:100%”>
<tr>
<th>[maxbutton id=”1″]</th>
<th>[maxbutton id=”2″]</th>
<th>[maxbutton id=”3″]</th>
</tr>
</table>

Thanks

use border 0 in the table:

<table border=”0″ width=”100%”>
<tr>
<td>[maxbutton id=”1″]</td>
<td>[maxbutton id=”2″]</td>
<td>[maxbutton id=”3″]</td>
</tr>
</table>
</body>

I would also get rid of the width=”100%”

Thanks for the help Steven,

Please go to maxbuttons.com/contact and send us a hello email.

Best,

Bob