The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Gadgets side by side

View previous topic View next topic Go down

In progress Gadgets side by side

Post by SpaceBot on December 24th 2012, 4:03 am

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 ?


SpaceBot
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

In progress Re: Gadgets side by side

Post by SLGray on December 24th 2012, 6:00 am

Try using the table code:
Code:

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



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Gadgets side by side

Post by SpaceBot on December 24th 2012, 6:25 am

slg wrote: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 ?

SpaceBot
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

In progress Re: Gadgets side by side

Post by Ellie Sullivan on December 26th 2012, 8:38 pm

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.

Ellie Sullivan
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

In progress Re: Gadgets side by side

Post by Kaizer Lee on December 27th 2012, 8:22 am

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
}

Smile

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum