I am using a wysiwyg builder to build a website as I have zero html skills, I would like to ask a couple of questions.
- How do I change the size of the boxes? As I have done a test to see how they work and they are really simple to install but they run the length of my page and I don't seem to be able to get them to only be a half or a third of the width of the web page?
- This is a follow up to that point, I presume that it is possible to get a box that is only a third the width of a web page, how do you set a box so that you have 3 boxes next to each other?
I apologise if these questions are very simple and the answers are already in this site, but I have not been able to find them.
Regards,
Chris
Here it is
Hi,
All the Boxes in the TBP Library are constructed to fill its parent fully. This means, if you call the Box's API in your <body> tag, then the Box will expand to fill up the body's width fully. Similarly, if you have a container, say a table, with width set to 33%, then your table should be occupying just one-third of your body's width. Putting our TBP Box inside this table will now look like it is only a third of the page's width.
For a layout with 3 Boxes next to one another, you could create a table with 3 columns, and putting each TBP Box in each column like this:
<table width="100%" cellspacing="0" cellpadding="0"><tr>
<td width="33%">Box1's API code here</td>
<td width="34%">Box2's API code here</td>
<td width="33%">Box3's API code here</td>
</tr>
</table>