HTML Help - Teh Forum

<body> <div id="header"> <span class="left"> <span class="back"><a href="lthread_list.php?webtag=DEFAULT"><span class="image mobile_back" title="Back"></span></a></span> <span class="image mobile_logo" title="Beehive Forum Logo"></span> </span> <ul> <li> <a class="reply_all" href="lpost.php?webtag=DEFAULT&reply_to=32890.0&return_msg=32890.1"> <span class="image mobile_reply_all"></span><span class="text">Reply to All</span> </a> </li> <li> <a class="navigation" href="#"> <span class="image mobile_navigation"></span><span class="text">Show messages</span> </a> </li> <li> <a class="main" href="#"><span class="image mobile_menu" title="Menu"></span> </a> </li> </ul> </div> <div class="menu main"> <ul> <li><a href="lthread_list.php?webtag=DEFAULT">Messages</a></li> <li><a href="lpm.php?webtag=DEFAULT">Inbox</a></li> <li><a href="lsearch.php?webtag=DEFAULT">Search</a></li> <li><a href="llogon.php?webtag=DEFAULT">Login</a></li> </ul> </div> <div class="menu navigation"><a href="lmessages.php?webtag=DEFAULT&msg=32890.1">1–10</a><a href="lmessages.php?webtag=DEFAULT&msg=32890.11">11–18</a></div> <div id="page_content"> <h3 class="thread_title"><a href="index.php?webtag=DEFAULT&amp;msg=32890.1">HTML Help</a> </h3> <div id="messages" data-navigation="32890_1_18_10"> <a name="a32890_1"></a><div class="message" id="message_32890_1"> <div class="message_header"> <div class="message_from"> From: Wattsy (SLAYERPUNX)<span class="message_time">25 Jul 2007 11:36</span> <div class="clearer"></div> </div><div class="message_to">To: ALL<span class="message_count">1 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.1">32890.1</a></div> <div class="message_body"> <p>Can anyone help me with this very simple bit of code?</p> <p> </p> <p>I have downloaded a very simple clock from a webpage. I want to display all 4 clocks in a row and not one on top of each other.</p> <p> </p> <p>Can anyone please change help me code the html so the clocks are side by side instaed of on top of each other?</p> <p> </p> <p>Please see attached (I really suck at coding and need to get my finger out and learn more)</p> <p> </p> <p>Thanks in advance!</p><div class="edit_text">EDITED: 26 Feb 2008 11:38 by SLAYERPUNX</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.1&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.1"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_2"></a><div class="message" id="message_32890_2"> <div class="message_header"> <div class="message_from"> From: Ben (BENLUMLEY)<span class="message_time">25 Jul 2007 13:24</span> <div class="clearer"></div> </div><div class="message_to">To: Wattsy (SLAYERPUNX) <span><span class="image post_read" title="Read: 25 Jul 2007 13:58"></span></span> <span class="message_count">2 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.2">32890.2</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_1" target="_self">32890.1</a></div> <div class="message_body"> Here </div> <div class="message_attachments"> <span>Attachments:</span> <ul> <li><span class="image attach"></span><a href="get_attachment.php?webtag=DEFAULT&hash=8e40439f2ab4c17cdcfb8898acb55412&filename=clock.htm" target="_blank">clock.htm</a></li> </ul> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.2&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.2"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_3"></a><div class="message" id="message_32890_3"> <div class="message_header"> <div class="message_from"> From: JonCooper<span class="message_time">25 Jul 2007 13:28</span> <div class="clearer"></div> </div><div class="message_to">To: Wattsy (SLAYERPUNX) <span><span class="image post_read" title="Read: 25 Jul 2007 13:58"></span></span> <span class="message_count">3 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.3">32890.3</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_1" target="_self">32890.1</a></div> <div class="message_body"> the clocks and lables are all in table cells, you just need to arrange them differently<br /> I done one for you, but a wysiwyg editor could do it too <div class="edit_text">EDITED: 1 Aug 2007 23:10 by JONCOOPER</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.3&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.3"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_4"></a><div class="message" id="message_32890_4"> <div class="message_header"> <div class="message_from"> From: Wattsy (SLAYERPUNX)<span class="message_time">25 Jul 2007 14:01</span> <div class="clearer"></div> </div><div class="message_to">To: JonCooper <span><span class="image post_read" title="Read: 25 Jul 2007 18:14"></span></span> <span class="message_count">4 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.4">32890.4</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_3" target="_self">32890.3</a></div> <div class="message_body"> <p>Thank you both very much. I tried to do it in frontpage <spits> as that is the only program I had installed but it just would not work.</p> <p> </p> <p>Beers all round if you come to a London Meat!</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.4&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.4"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_5"></a><div class="message" id="message_32890_5"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">25 Jul 2007 14:11</span> <div class="clearer"></div> </div><div class="message_to">To: Wattsy (SLAYERPUNX) <span><span class="image post_read" title="Read: 25 Jul 2007 14:51"></span></span> <span class="message_count">5 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.5">32890.5</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_4" target="_self">32890.4</a></div> <div class="message_body"> Jon and Ben should both be hung, drawn & quartered for providing the code they did. It is <em>BAD</em> and <em>WRONG</em>. <span class="emoticon e_angry" title=":@"><span class="e__">:@</span></span><br /> <br /> Also, since the JS is 90% the same for all four clocks, you can encapsulate it in a function.<br /> <br /> Here is better code:<br /> <div class="quotetext" id="code-"><b> code:</b></div><pre class="code"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script> <script type="text/javascript"> function renderClock(color,location) { showClock ({ wtsclock: 'wtsclock001.swf' , color: color , wtsid: location , width: 100 , height: 100 , wmode: 'transparent' }); } </script> <style type="text/css"> .clock {float: left; clear: none; margin: 0 1em;} .break {float: none; clear: both;} </style> <div class="clock"><script type="text/javascript">renderClock('FF9900','GB');</script> <h2>London</h2> </div> <div class="clock"><script type="text/javascript">renderClock('FF0000','US-MA');</script> <h2>Boston</h2> </div> <div class="clock"><script type="text/javascript">renderClock('228B22','US-FL');</script> <h2>St Pete</h2> </div> <div class="clock"><script type="text/javascript">renderClock('0000FF','AU-VIC');</script> <h2>Melbourne</h2></div> <br class="break"/></pre><br /> <br /> Ideally, the first block (style and script stuff) should go inside your <head>..</head> tags, but it'll work outside it too.<br /> <br /> <small>(The code could/should be encapsulated even further, but it's good enough for now; the main thing is to get away from the incorrect use of tables.)</small> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.5&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.5"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_6"></a><div class="message" id="message_32890_6"> <div class="message_header"> <div class="message_from"> From: Wattsy (SLAYERPUNX)<span class="message_time">25 Jul 2007 15:17</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 25 Jul 2007 17:55"></span></span> <span class="message_count">6 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.6">32890.6</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_5" target="_self">32890.5</a></div> <div class="message_body"> Thanks Peter. I do love teh savage attack on your fellow forumites! </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.6&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.6"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_7"></a><div class="message" id="message_32890_7"> <div class="message_header"> <div class="message_from"> From: JonCooper<span class="message_time">25 Jul 2007 18:16</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 25 Jul 2007 21:38"></span></span> <span class="message_count">7 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.7">32890.7</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_5" target="_self">32890.5</a></div> <div class="message_body"> Jon and Ben both provided code in the style it was already in, knowing full well that it is 'depreciated' and not the way w3c wants it but not giving a crap cos it works - <span class="emoticon e_tongue" title=":P"><span class="e__">:P</span></span> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.7&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.7"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_8"></a><div class="message" id="message_32890_8"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">25 Jul 2007 21:45</span> <div class="clearer"></div> </div><div class="message_to">To: Wattsy (SLAYERPUNX) <span><span class="image post_read" title="Read: 26 Jul 2007 09:28"></span></span> <span class="message_count">8 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.8">32890.8</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_6" target="_self">32890.6</a></div> <div class="message_body"> Pah, that was subdued compared to what they deserve. The duty of tables has been despoiled for far too long, and it's time to make a stand against these evil-doers. <span class="emoticon e_angry" title=":@"><span class="e__">:@</span></span> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.8&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.8"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_9"></a><div class="message" id="message_32890_9"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">25 Jul 2007 22:07</span> <div class="clearer"></div> </div><div class="message_to">To: JonCooper <span><span class="image post_read" title="Read: 25 Jul 2007 23:25"></span></span> <span class="message_count">9 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.9">32890.9</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_7" target="_self">32890.7</a></div> <div class="message_body"> Screw the w3c, it's got bugger all to do with what they want. (And it's probably their fault this whole mess exists in the first place.)<br /> <br /> You need to ask yourself "if I did this with Office, would I use Excel" - if the answer is no, you don't use tables.<br /> If the answer is yes, then you <em>might</em> use tables, or you might use lists.<br /> <br /> It's not about what appears to work - it's about using the correct tool for the job. You can use a knife for a screwdriver, but if you've got a rack full of assorted screwdrivers you pick the appropriate one and use that. </poor analogy><br /> <br /> <br /> I'm not going to go on and on about this (any more than I already have done <span class="emoticon e_tongue" title=":P"><span class="e__">:P</span></span><i></i>) but misusing tags is a serious issue - the sooner it becomes history the sooner the web can move onto getting cool features, and the better search results will be.<br /> (And if people recommend bad code, I will jump on them. <span class="emoticon e_moustache" title=":{)"><span class="e__">:{)</span></span><u></u>) </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.9&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.9"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a32890_10"></a><div class="message" id="message_32890_10"> <div class="message_header"> <div class="message_from"> From: JonCooper<span class="message_time">25 Jul 2007 23:29</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 25 Jul 2007 23:33"></span></span> <span class="message_count">10 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=32890.10">32890.10</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=32890.1#a32890_9" target="_self">32890.9</a></div> <div class="message_body"> while I appreciate all you're saying, and even agree with most of it, I stick by my reasoning that the request was to change the code so the clocks went horizontally rather than vertically, not to rewrite the whole shebang 'properly'<br /> <br /> <span class="emoticon e_tongue" title=":P"><span class="e__">:P</span></span> again </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=32890.10&return_msg=32890.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="32890.10"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div></div> <div class="message_page_footer"> <ul> <li class="right_col"><form accept-charset="utf-8" method="get" action="lmessages.php" target="_self"><input type="hidden" name="webtag" id="webtag" class="bhinputtext" value="DEFAULT" dir="ltr" /><input type="hidden" name="msg" id="msg" class="bhinputtext" value="32890.11" dir="ltr" /><input type="submit" name="submit" id="keep_reading" value="Keep reading…" class="button" /></form></li> </ul> </div> </div> </body>