Need to align two lots of widget codes side by side

[Lainey2712]

My old world clock widget was having flash problems so got a new one.
The old was in a long strip that went across my forum this lists the time vertically and centers at the top of the forum.
I have 8 in the list of zones  so really looks out of place.
However I made two lots with 4 in each and would like to place side by side, but when I place in the Main footer they are above each other.

These are the two codes is there a way I can place them side by side please.


<div style="border-radius: 10px; overflow:


hidden; padding: 3px 3px 0px; width: 190px;


margin: auto; text-align: center; background-


color: rgb(114, 164, 181);"><iframe


src="http://localtimes.info/timediff.php?


lcid=UKXX0085,USFL0481,GMXX0007,USCA0638&cp=00


0000,FFFFFF&uc=0" seamless="" frameborder="0"


width="190" height="149"


style="background:white"></iframe><a


target="_top"


href="http://localtimes.info/difference/?


lcid=UKXX0085,USFL0481,GMXX0007,USCA0638"


title="Time Converter"


style="color:#000000;"><span style="font-


size:10px; font-family:verdana;geneva;line-


height:18px;">Time Converter</span></a></div>









<div style="border-radius: 10px; overflow:


hidden; padding: 3px 3px 0px; width: 190px;


margin: auto; text-align: center; background-


color: rgb(114, 164, 181);"><iframe


src="http://localtimes.info/timediff.php?


lcid=ASXX0112,CAXX0054,BRXX0201,MYXX0025&cp=00


0000,FFFFFF&uc=0" seamless="" frameborder="0"


width="190" height="149"


style="background:white"></iframe><a


target="_top"


href="http://localtimes.info/difference/?


lcid=ASXX0112,CAXX0054,BRXX0201,MYXX0025"


title="Time Converter"


style="color:#000000;"><span style="font-


size:10px; font-family:verdana;geneva;line-


height:18px;">Time Converter</span></a></div>

[Tumbleweed]

Lainey2712,

Just add float left to each of your widgets:


<div style="float:left; border-radius: 10px;.......rest of code here....


If you want them both to be centered on the page just put a div around them: (The bolded part is a good idea to add to remove anything else from floating left)


<div style="width:500px;margin:auto;">

Your widgets here

</div>
<p style="clear:left;"></p>

[Lainey2712]

OK TY so much will have ago tomorrow as off to bed soon as in the UK. Appreciate your help.

[Lainey2712]

Thank you so much, I got it to work finally. I am rather rusty as a good number of years since I did my website(my own not my proboards one) and was straight forward HTML then. Really should get up to date with things but have so little time now .
Really appreciate the help.

[Tumbleweed]

Oct 25, 2015 6:10:01 GMT -8 Lainey2712 said:

Thank you so much, I got it to work finally. I am rather rusty as a good number of years since I did my website(my own not my proboards one) and was straight forward HTML then. Really should get up to date with things but have so little time now .
Really appreciate the help.

You're welcome. I think once you get used to ProBoards you'll be pretty thrilled with it once you get past the learning curve. Good luck with your site.

[Lainey2712]

LOL! Had a proboard forum for years Had a V4 one originally. I just still use HTML when I need to code anything on my website, but that doesn't work on the forum.
Just keep adding/updating stuff as needed, most I can figure out through trial and error, but at 65 find I am too old in the tooth to learn CSS LOL.
Thanks again though.

[Tumbleweed]

Oct 29, 2015 3:29:51 GMT -8 Lainey2712 said:

LOL! Had a proboard forum for years Had a V4 one originally. I just still use HTML when I need to code anything on my website, but that doesn't work on the forum.
Just keep adding/updating stuff as needed, most I can figure out through trial and error, but at 65 find I am too old in the tooth to learn CSS LOL.
Thanks again though.

I should have said a V5 ProBoards.   I'm no spring chicken either so don't discount you can't learn CSS.  It really is just moving styles normally in html to a style sheet and rewording a bit. W3Schools  was my best friend for a while and I even refer to it once in a while now.