Gadgets side by side

[SpaceBot]

I would like to display in the homepage message, 2 gadgets side by side .... or 2 gadgets next to each other with a space in between.

I tried this ....

Code:

<line><a class="twitter-timeline"  href="https://twitter.com/SpaceTimeForum" data-widget-id="275400993246691328">Tweets by @SpaceTimeForum</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=SpaceTimeForum&amp;synd=open&amp;w=285&amp;h=360&amp;title=Space+Time+Forum&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script></line>

...and tried the <center> tags also, but the gadgets are stacked on top of each other.

Link - http://spacetime.forumotion.com/ ( phpBB3 )

Is there a tag or special html code to do this ?

[SLGray]

Try using the table code:

Code:


[table border="0"]
[tr]
[td]FIRST CODE [/td][td]SECOND CODE [/td]
[/tr]
[/table]


[SpaceBot]

Try using the table code:

Code:


[table border="0"]
[tr]
[td]FIRST CODE [/td][td]SECOND CODE [/td]
[/tr]
[/table]


That works to put them on the same line or side by side like I wanted but I can't seem to get any spaces inbetween the gadgets to seperate them. Also, somehow it made the Twitter gadget shrink in size.

I entered the code as suggested and somehow it added the "left" alignment tags

This is what I have now ...

Code:

<table border="0"><tr><td align="left"><a class="twitter-timeline"  href="https://twitter.com/SpaceTimeForum" data-widget-id="275400993246691328">Tweets by @SpaceTimeForum</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </td>

<td align="left"><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=SpaceTimeForum&amp;synd=open&amp;w=285&amp;h=360&amp;title=Space+Time+Forum&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script></td></tr></table>

I tried changing the "left" alignment tags to "right" or "center" but it didn't change anything.

Any ideas ?

[Ellie Sullivan]

I am having I think the same issue when i use <td> instead of putting side by side it takes it out of the box or even makes the box strech very far.

[Kaizer Lee]

Try using <th> instead.

@Spacebot: Give your table an ID, for example:

Code:


<div id=""></div>

But instead, use a table type.

And then in your CSS, try styling the placement using codes like this:

Code:


div#table{
position: absolute;
left: 20px;
a.nd. that.#so.#forth
}