Where to put table when creating 3 boxes

 jjj123
2nd Apr 2010, 10:26:41 PM
Tags:

Following on from instructions to create 3 boxes next to each other, I am struggling to work out where to put the the table.

Also, the instructions advise to put the API code in the <tr> What is the API code?

I have found the API page but not sure how much of the code to put in.

Any advice would be very helpful and thank you for a wonderful site full of rounded corners - been searching for something like this for months!

Kind Regards,

Julie

 

Share

Brilliant, thank you so much,

4th Apr 2010, 03:38:39 PM

Brilliant, thank you so much, worked a treat!

I found the original information in response to a post titled 'Box Sizes.'

 

 

 
jjj123

Here's a sample code

3rd Apr 2010, 06:50:00 PM

Hi,

You mentioned the instructions advise you to put the API code in the <tr>. I have looked through the handbooks once more, and I wasn't able to locate what you claimed. Could you kindly point me to it? The code found in the handbooks highlights how you can use the API to "print" a TBP Box.

You may place the API code anywhere you wish accordingly to your web design and layout. For e.g, to have 3 boxes side by side, we can visualise the layout in a high level that looks like this:

    <table width="100%"border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td width="33%">
               Cell 1
            </td>
            <td width="34%">
               Cell 2
            </td>
            <td width="33%">
                Cell 3
            </td>
        </tr>
    </table>

Thus, to output a TBP Box in each <td>, we place the API code inside it:

<html>
<head>
<script type="text/javascript" src="http://theboxes.paradise.sg/
sites/theboxes.paradise.sg/files/Box/75/files/theboxesparadise_75.js"></script>
<script type="text/javascript" src="http://theboxes.paradise.sg/
sites/theboxes.paradise.sg/files/Box/93/files/theboxesparadise_93.js"></script>
<script type="text/javascript" src="http://theboxes.paradise.sg/
sites/theboxes.paradise.sg/files/Box/95/files/theboxesparadise_95.js"></script>

<script type="text/javascript"> tbp_75_getHeader(); </script>
<script type="text/javascript"> tbp_93_getHeader(); </script>
<script type="text/javascript"> tbp_95_getHeader(); </script>
</head>
<body>
    <table width="100%"border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td width="33%">
                <script type="text/javascript"> tbp_75_getStartTitle(); </script>
                    Box 1
                <script type="text/javascript"> tbp_75_getMid(); </script>
                    Box 1's contents
                <script type="text/javascript"> tbp_75_getEnd(); </script>
            </td>
            <td width="34%">
                <script type="text/javascript"> tbp_93_getStartTitle(); </script>
                    Box 2
                <script type="text/javascript"> tbp_93_getMid(); </script>
                    Box 2's contents
                <script type="text/javascript"> tbp_93_getEnd(); </script>
            </td>
            <td width="33%">
                <script type="text/javascript"> tbp_95_getStartTitle(); </script>
                    Box 3
                <script type="text/javascript"> tbp_95_getMid(); </script>
                    Box 3's contents
                <script type="text/javascript"> tbp_95_getEnd(); </script>
            </td>
        </tr>
    </table>
</body>
</html>
TBP
Copyright © 2009 Sym Paradise. All rights reserved. Terms of Use | Copyright Information