pafruu Posted October 17, 2006 Share Posted October 17, 2006 Hi,Is there a way to inverse a table script in the layout. Reason I<m asking is that I know that HTML is a WYSIWYG language. On my layout the news page is on the left side and the regular text is on the right side. In HTML, I want the text to be picked up first not the news. here is my script: <body><table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td width="50%" class="bg_left_gum"><img src="images/spacer.gif" width="1" height="1" alt=""> </td> <td width="700" valign="top" height="100%" bgcolor="#FFFFFF"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td valign="top" colspan="3"> <table width="700" height="250" background="images/backgroundpicture.jpg"> <tr> <td colspan="6" width="700" height="110"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="110" title="menustatic"> <param name="movie" value="flash/menustatic.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <embed src="flash/menustatic.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="110" /> </object> </td> </tr> <tr valign="bottom"> <td width="122" align="center"> <a href="index.html"><img src="images/home.gif" style="border:none" /></a> </td> <td width="116" align="center"> <a href="index-2.html"><img src="images/softwaredesign.gif" style="border:none" /></a> </td> <td width="114" align="center"> <a href="index-3.html"><img src="images/software.gif" style="border:none" /></a> </td> <td width="116" align="center"> <a href="index-5.html"><img src="images/partners.gif" style="border:none" /></a> </td> <td width="115" align="center"> <a href="index-1.html"><img src="images/about.gif" style="border:none" /></a> </td> <td width="123" align="center"> <a href="index-6.html"><img src="images/contact.gif" style="border:none" /></a> </td> </tr> </table> </td> </tr> <tr> <td valign="top" align="left" width="237" height="1"> <img src="images/t.gif" width="237" height="1"/> </td> <td valign="top" width="429" colspan="2" rowspan="2" style="padding:17px 0px 15px 10px;" class="box2_3"> <table cellpadding="0" cellspacing="0" border="0" width="426"> <tr> <td><h1>Customized Mobile Software</h1><img src="images/smile1.jpg" height="138" width="118" align="left"/><h2>Give your business the competitive edge it needs.</h2>Whatever your needs, and whatever level of business automation you currently have, we can provide you with professional support.<br><br>Scriptnetics is only satisfied when our customers receive the highest quality software. We understand there is a lot riding on a business' new software. Scriptnetics is dedicated to giving you more than just software but in providing new efficiencies and competitive advantages for your business with software created above the rest.<br><br>In today’s global marketplace, complexity is certain, speed to market is essential. Choosing a Scriptnetics custom software solution may give your business the competitive edge it needs! </td> </tr> </table> </td> </tr> <tr> <td valign="top" width="237" rowspan="3" height="100%"> <table cellpadding="0" cellspacing="0" border="0" style="background-image: url(images/bg_box1_top_x.jpg); background-position: left top; background-repeat: repeat-x; background-color:#EFEFEF; "> <tr> <td valign="top" width="100%" style="padding:0px 8px 0px 28px;"> <table cellpadding="0" cellspacing="0" border="0" width="201"> <tr> <td valign="top" width="100%"> <div style="margin:29px 0px 23px 1px;"><h1>News & Events</h1></div> </td> </tr> <tr> <td valign="top" class="date"><img src="images/marker_rect.gif" width="5" height="6" alt="" align="bottom" style="margin:0px 4px 0px 2px;">12.06.06<img src="images/marker_rect.gif" width="5" height="6" align="bottom" alt="" style="margin:0px 0px 0px 4px;"> </td> </tr> <tr> <td valign="top" style="padding-top:1px;"><h4>Scriptnetics announces the development of medical UMPC application.</h4><br>Scriptnetics today announced they are developing a prescription writing program, RxScribbler, for the Ultra Mobile PC (UMPC.) This announcement makes...<br><br> </td> </tr> <tr> <td valign="top" class="date" style="padding-bottom:15px;"> <div class="more" style="padding-top:2px; margin-left:5px;"><img src="images/marker_3.gif" width="8" height="9" alt="" style="margin-right:10px;"><a href="news.html">Read More</a> </div> </td> </tr> <tr> <td align="right" style="background: url(images/bg_point_x.gif) left repeat-x;"><img src="images/part_1.gif" width="6" height="1" alt=""> </td> </tr> <tr> <td valign="top" class="date" style="padding-top:19px; "><img src="images/marker_rect.gif" width="5" height="6" alt="" align="bottom" style="margin:0px 4px 0px 2px;">22.04.04<img src="images/marker_rect.gif" width="5" height="6" align="bottom" alt="" style="margin:0px 0px 0px 4px;"> </td> </tr> <tr> <td valign="top" style="padding-top:1px;"><h4>Scriptnetics releases the first EMR with embedded handwriting</h4><br />MONCTON, N.B. -- April 22, 2004 -- Scriptnetics announced today the official release of Medscribbler, the first electronic medical record (EMR) designed and built to take full advantage of the new Tablet PCs and the Microsoft Windows® XP Tablet operating system.<br><br>“Medscribbler on a Tablet PC solves ...<br><br> </td> </tr> <tr> <td valign="top" class="date" style="padding-bottom:15px;"> <div class="more" style="padding-top:2px; margin-left:5px;"><img src="images/marker_3.gif" width="8" height="9" alt="" style="margin-right:10px;"><a href="news.html">Read More</a> </div> </td> </tr> <tr> <td align="right" style="background: url(images/bg_point_x.gif) left repeat-x;"><img src="images/part_1.gif" width="6" height="1" alt=""> </td> </tr> <tr> <td valign="top" class="date" style="padding-top:19px;"><img src="images/marker_rect.gif" width="5" height="6" alt="" align="bottom" style="margin:0px 4px 0px 2px;">10.09.03<img src="images/marker_rect.gif" width="5" height="6" align="bottom" alt="" style="margin:0px 0px 0px 4px;"> </td> </tr> <tr> <td valign="top" style="padding-top:1px;"><h4>Scriptnetics releases Officemed, a Tablet PC EMR</h4><br>MONCTON, N.B. -- Setember 10, 2003 -- Scriptnetics announced today the official release of Officemed, an electronic medical record (EMR) designed and built to take advantage of the new Tablet PCs and the Microsoft Windows® XP Tablet operating system.<br><br>“Officemed promises to usher in a new era in ...<br><br> </td> </tr> <tr> <td valign="top" class="date" style="padding-bottom:15px;"> <div class="more" style="padding-top:2px; margin-left:5px;"><img src="images/marker_3.gif" width="8" height="9" alt="" style="margin-right:10px;"><a href="news.html">Read More</a> </div> </td> </tr> <tr> <td align="right" style="background: url(images/bg_point_x.gif) left repeat-x;"><img src="images/part_1.gif" width="6" height="1" alt=""> </td> </tr> <tr> <td valign="top" class="more" style="padding-bottom:20px; padding-top:26px;"><img src="images/marker_3.gif" width="8" height="9" alt="" style="margin-right:10px;"><a href="news.html">More News</a> </td> </tr> </table> </td> </tr> <tr> <td valign="bottom" width="4"><img src="images/box1_corn_l_b.gif" width="4" height="7" alt=""> </td> <td valign="top" width="237"><img src="images/spacer.gif" width="1" height="1" alt=""> </td> <td valign="bottom" width="4"><img src="images/box1_corn_r_b.gif" width="4" height="7" alt=""> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" style="padding:28px 0px 10px 23px;"><img src="images/banner_1.gif" width="191" height="59" alt="" border="0"> </td> </tr> </table> </td> </tr> <tr> <td valign="top" colspan="2" style="padding:0px 20px 0px 17px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td style="border-top:1px solid #959595; "><img src="images/spacer.gif" width="1" height="17" alt=""> </td> </tr> </table> </td> </tr> <tr> <td valign="top" width="222" height="100%" style="padding:0px 20px 0px 17px;"> <table cellpadding="0" cellspacing="0" border="0" width="182"> <tr> <td valign="top" colspan="3" style="padding-bottom:5px; padding-top:10px;" ><h1>What we sell!</h1> <table> <tr width="100%"> <td rowspan="2" valign="top"><img src="images/img_products_index.jpg" width="87" height="86" /> </td> <td class="txt_blue" colspan="2"><h3>Scriptnetics is skilled in :</h3> </td> </tr> <tr> <td valign="middle" class="list" ><img src="images/marker_4.gif" width="4" height="7" alt="" style="margin-right:5px; margin-left:2px; margin-top:4px;" align="middle" /> </td> <td valign="bottom" class="list" style="padding-bottom:2px;">Custom programming </td> </tr> </table> </td> </tr> <tr> <td valign="top" class="list" ><img src="images/marker_4.gif" width="4" height="7" alt="" style="margin-right:5px; margin-left:2px; margin-top:4px;" /> </td> <td valign="top" colspan="2" class="list" style="padding-bottom:10px;">Customizing packaged solutions to specific business requirements </td> </tr> <tr> <td valign="top" class="list" ><img src="images/marker_4.gif" width="4" height="7" alt="" style="margin-right:5px; margin-left:2px; margin-top:4px;" /> </td> <td valign="top" colspan="2" class="list" style="padding-bottom:10px;">Pre-project consulting to determine “change” needs and requirements </td> </tr> <tr> <td valign="top" class="list" ><img src="images/marker_4.gif" width="4" height="7" alt="" style="margin-right:5px; margin-left:2px; margin-top:4px;" /> </td> <td valign="top" colspan="2" class="list" style="padding-bottom:10px;">Implementation, continuing support, and enhancement of custom software to determine “change” needs and requirements </td> </tr> <tr> <td valign="top" class="list" ><img src="images/marker_4.gif" width="4" height="7" alt="" style="margin-right:5px; margin-left:2px; margin-top:4px;" /> </td> <td valign="top" colspan="2" class="list" style="padding-bottom:10px;">Development of custom software for commercial distribution </td> </tr> </table> </td> <td valign="top" width="226" style="padding:0px 15px 0px 0px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td valign="top" colspan="2" width="224" style="padding-bottom:11px; border-bottom:1px solid #959595; padding-top:10px;"> <img src="images/smile3.jpg" width="87" height="105" alt="" style="margin-right:10px; margin-top:5px;" align="left" /> <div style="margin-bottom:5px"><h2>SOFTWARE Fast and easy</h2> </div> <div class="txt_blue"><a href="index-3.html">Scriptnetics custom software solution may give your business the competitive edge it needs!</a> </div> </td> </tr> <tr> <td valign="top" style="padding-top:14px; padding-bottom:18px;" class="list2"> <img src="images/marker_4.gif" width="4" height="7" alt="" style="margin:0px 5px 0px 0px;"> We use higher level development languages and Microsoft SQL and MySQL databases for robust large network friendly applications. We do not outsource and develop only for the North American market.<br>But we have a cultural anthropologist on staff to make sure the developed software works in your company's business culture.<br>Scriptnetics's high level of expertise allows programming for custom applications that work on the Tablet PC and can handle embedded handwriting recognition directly into the customer's software. Truly mobile applications are possible with Scriptnetics Tablet PC developed applications. </td> </tr> <tr> <td valign="top" colspan="2"> <div class="more"><img src="images/marker_3.gif" width="8" height="9" alt="" style="margin-right:10px;"><a href="index-3.html">Click here for Details</a></div><br> </td> </tr> </table> </td> </tr> <tr> <td valign="top" colspan="3"> <hr> </td> </tr> <tr> <td valign="top" colspan="3" align="center" class="footer">Scriptnetics.Com © 2006<br><a href="index-7.html">Privacy Policy</a> </td> </tr> </table> </td> <td width="50%" class="bg_right_gum"><img src="images/spacer.gif" width="1" height="1" alt=""> </td> </tr></table> </body>Now I tried the rowspan, but came quick to realize that that wont work. I<m trying to see if there is a way in HTML or CSS to do this. Please help!Please let me know if you need more info! Link to comment Share on other sites More sharing options...
justsomeguy Posted October 17, 2006 Share Posted October 17, 2006 You can't really do that with tables. If you want the text on your site to appear in your code before the news, even though the news shows up on the left side, you will need to use divs with CSS positioning to get them to line up. Something like this may work: <div id="content" style="float: right; margin-left: 200px;"></div><div id="news" style="width: 200px;"></div> I'm not sure if that specifically will work or not, it's sort of backwards how you normally go about doing it, where you specify the one to float on the left first, and then the second column has a left margin. Link to comment Share on other sites More sharing options...
pafruu Posted October 17, 2006 Author Share Posted October 17, 2006 Would that code go into the stylesheet or on the html itself? Link to comment Share on other sites More sharing options...
justsomeguy Posted October 17, 2006 Share Posted October 17, 2006 That goes in the HTML. Inside the content div, you would have all your normal page text, and the news div would contain all your news text. Link to comment Share on other sites More sharing options...
pafruu Posted October 18, 2006 Author Share Posted October 18, 2006 Thank you!, tried it works perrrrrrrfectly! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now