Have you tried setting specific container width and then setting the container to “display: inline-block” in Alignment?
Thread Starter
AM_CW
(@am_cw)
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.
Thread Starter
AM_CW
(@am_cw)
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.
Thread Starter
AM_CW
(@am_cw)
<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.
Thread Starter
AM_CW
(@am_cw)
ok, that worked… how do I center each button within the table?
And thank you for your help.
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%”
Plugin Author
senoff
(@senoff)
Thanks for the help Steven,
Please go to maxbuttons.com/contact and send us a hello email.
Best,
Bob