Embedded image test... - 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=36529.0&return_msg=36529.16"> <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=36529.1">1–10</a><a href="lmessages.php?webtag=DEFAULT&msg=36529.11">11–18</a></div> <div id="page_content"> <h3 class="thread_title"><a href="index.php?webtag=DEFAULT&amp;msg=36529.16">Embedded image test...</a> </h3> <div id="messages" data-navigation="36529_16_18_10"> <a name="a36529_16"></a><div class="message" id="message_36529_16"> <div class="message_header"> <div class="message_from"> From: Mal (BAD)<span class="message_time"> 6 Sep 2009 12:08</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 6 Sep 2009 12:30"></span></span> <span class="message_count">16 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.16">36529.16</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.11">36529.11</a></div> <div class="message_body"> Fair point - hadn't thought of that. I suppose it allows you to offload any sort of image processing/generation to the client - albeit at the cost of having to re-run it on every refresh? Might be painful for mobile users with slow js processing though!</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.16&return_msg=36529.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.16"> <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="a36529_17"></a><div class="message" id="message_36529_17"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 6 Sep 2009 12:37</span> <div class="clearer"></div> </div><div class="message_to">To: Mal (BAD) <span><span class="image post_read" title="Read: 6 Sep 2009 13:29"></span></span> <span class="message_count">17 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.17">36529.17</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.16#a36529_16" target="_self">36529.16</a></div> <div class="message_body"> Well refreshing is becoming a rarer event with all this asynchronous loading, so that's less of a problem.<br /> Though it would be good if browser caches allowed manual insert/retrieval using JS - easier than faffing with cache control headers!<br /> <br /> Slow JS processing for mobile devices could be an issue, but with 800MHz CPUs just around the corner, it shouldn't be much of an issue for long?</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.17&return_msg=36529.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.17"> <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="a36529_18"></a><div class="message" id="message_36529_18"> <div class="message_header"> <div class="message_from"> From: Ally<span class="message_time"> 6 Sep 2009 16:00</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 6 Sep 2009 17:30"></span></span> <span class="message_count">18 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.18">36529.18</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.11">36529.11</a></div> <div class="message_body"> You sort of could make a gradient- use SVG for Firefox and Safari, and a CSS filter for IE. The IE part isn't valid, but then this method doesn't work it in it at all...</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.18&return_msg=36529.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.18"> <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> </body>