rebelcreek Posted February 13, 2011 Share Posted February 13, 2011 Hello I need help with a width issue I made a addnews page and it all works great but on my main page the widths limits are pretty short 200px and everytime i post something it exceeds that and screws up the website can you help where do I add the limits? on the front page coding? <? include("*****.inc"); $getnews = mysql_query("select * from news ORDER BY id DESC LIMIT 1 "); while($r=mysql_fetch_array($getnews)){ extract($r); echo("<p><b><i>$title <br/> $date</p></b></i>$news<br><br><br><br>"); } ?> The addnews? <form action="submit.php" method="post"> <b>Title</b> <BR /> <input type="text" name="title" size="40" maxlength="80" value="Enter Title Here" /> <br /> <br /> <b>News</b><BR><textarea rows="5" cols="40" name="news" id="news" onKeyDown="textCounter(this,'progressbar1',150)" onKeyUp="textCounter(this,'progressbar1',150)" onFocus="textCounter(this,'progressbar1',150)"></textarea><br /> <div id="progressbar1" class="progress"></div> <script>textCounter(document.getElementById("maxcharfield"),"progressbar1",150)</script> <br /> <br /> <input type="submit" value="Submit" /> <input type="reset" value="Reset" /> </form> or in the submitt file <? //grabs the variables $news = $_POST["news"]; $title = $_POST["title"]; //gets mysql info include("******.inc"); //gets the current date... $date = date("m/d/Y h:i A"); $addnews =MYSQL_QUERY("INSERT INTO news (id,title,date,news)". "VALUES ('NULL', '$title', '$date', '$news')"); //success... echo(""); ?> Thank for the help Quote Link to comment Share on other sites More sharing options...
rebelcreek Posted February 14, 2011 Author Share Posted February 14, 2011 Does anyone know? Quote Link to comment Share on other sites More sharing options...
litebearer Posted February 14, 2011 Share Posted February 14, 2011 formatting/spacing of display should be handled by css/divs. You could use php to truncate the output with link to 'more...' Quote Link to comment Share on other sites More sharing options...
jacko_162 Posted February 14, 2011 Share Posted February 14, 2011 your frontpage code would handle this by attaching a stylesheet, but if not we will need more of the front page coding. you could always wrap news in a DIV tag; <div class='news'>$news</div> and assign its variables in a seperate style sheet as follows; .news{ width: 100%; padding: 0; text-align: left; } Quote Link to comment Share on other sites More sharing options...
rebelcreek Posted February 14, 2011 Author Share Posted February 14, 2011 Tried this no help here is the whole front page code <html> <head> <title>Rebel Creek</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <style type="text/css"> #Table_01 tr td { font-size: 12px; } #Table_01 tr td { font-family: "Times New Roman", Times, serif; } .news{ width: 205px; padding: 0; text-align: left; } </style> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" > <!-- Save for Web Slices (Rebel Creek.psd) --> <center><table id="Table_01" width="901" height="790" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="22"> <img src="images/frame1.gif" width="93" height="789" alt=""></td> <td rowspan="22"> <img src="images/index_02.jpg" width="17" height="789" alt=""></td> <td colspan="29"> <img src="images/title.gif" width="661" height="66" alt=""></td> <td colspan="4"> <img src="images/frame2.gif" width="129" height="66" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="66" alt=""></td> </tr> <tr> <td colspan="13"> <img src="images/dl.gif" width="219" height="1" alt=""></td> <td colspan="17" rowspan="2"> <img src="images/top.gif" width="444" height="32" alt=""></td> <td colspan="3" rowspan="18"> <img src="images/frame2-08.gif" width="127" height="696" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/dl-09.gif" width="27" height="31" alt=""></td> <td colspan="5" rowspan="4"> <a href="cart"> <img src="images/Store.gif" width="133" height="109" border="0" alt=""></a></td> <td colspan="5"> <img src="images/dl-11.gif" width="59" height="31" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="31" alt=""></td> </tr> <tr> <td colspan="3" rowspan="4"> <img src="images/index_11.jpg" width="27" height="141" alt=""></td> <td colspan="3" rowspan="4"> <img src="images/index_12.jpg" width="41" height="141" alt=""></td> <td colspan="7"> <a href="Bio"> <img src="images/Aboutus.jpg" width="113" height="45" border="0" alt="About Rebel Creek"></a></td> <td colspan="2"> <a href="Music"> <img src="images/Music.jpg" width="67" height="45" border="0" alt="Music"></a></td> <td colspan="4"> <a href="Tour"> <img src="images/Showdates.gif" width="118" height="45" border="0" alt="Rebel Creek Show Dates"></a></td> <td colspan="2"> <a href="Videos"> <img src="images/Videos.gif" width="70" height="45" border="0" alt="Rebel Creek Videos"></a></td> <td colspan="2"> <a href="Photo"> <img src="images/Photo.gif" width="84" height="45" border="0" alt="Images Of Rebel Creek"></a></td> <td rowspan="2"> <img src="images/index_18.jpg" width="8" height="46" alt=""></td> <td rowspan="2"> <img src="images/frame2-20.gif" width="2" height="46" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="45" alt=""></td> </tr> <tr> <td colspan="17"> <img src="images/index_20.jpg" width="452" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/index_21.jpg" width="18" height="95" alt=""></td> <td colspan="17" rowspan="2"> <img src="images/main.gif" width="444" height="95" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="32" alt=""></td> </tr> <tr> <td colspan="5"> <img src="images/index_23.jpg" width="133" height="63" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="63" alt=""></td> </tr> <tr> <td colspan="2" rowspan="5"> <img src="images/index_24.jpg" width="16" height="414" alt=""></td> <td bgcolor="#FFFFFF" border"0" colspan="12" width="205" height="160" > <? include("********.inc"); $getnews = mysql_query("select * from news ORDER BY id DESC LIMIT 1 "); while($r=mysql_fetch_array($getnews)){ extract($r); echo("<p><b><i>$title <br/> $date</p></b></i><div class='news'>$news</div> <br><br><br><br>"); } ?></td> <td colspan="16" rowspan="6"> <img src="images/main-27.gif" width="442" height="425" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="160" alt=""></td> </tr> <tr> <td colspan="11"> <img src="images/index_27.jpg" width="203" height="29" alt=""></td> <td> <img src="images/main-29.gif" width="2" height="29" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="29" alt=""></td> </tr> <tr> <td bgcolor="FFFFFF" border"0" colspan="12"> <script> new TWTR.Widget({ version: 2, type: 'search', search: 'Rebel_Creek', interval: 5000, title: '', subject: '', width: 205, height: 142, theme: { shell: { background: '#ffffff', color: '#000000' }, tweets: { background: '#ffffff', color: '#444444', links: '#1985b5' } }, features: { scrollbar: false, loop: true, live: true, hashtags: true, timestamp: true, avatars: true, toptweets: true, behavior: 'default' } }).render().start(); </script></td> <td> <img src="images/spacer.gif" width="1" height="209" alt=""></td> </tr> <tr> <td colspan="11"> <img src="images/index_30.jpg" width="203" height="14" alt=""></td> <td rowspan="3"> <img src="images/main-32.gif" width="2" height="27" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="14" alt=""></td> </tr> <tr> <td colspan="5"> <img src="images/index_32.jpg" width="98" height="2" alt=""></td> <td colspan="2" rowspan="4"> <a href="http://twitter.com/Rebel_Creek" target="_self" onmouseover="window.status='Follow us on Twitter'; return true;" onmouseout="window.status=''; return true;"> <img src="images/Twitter.jpg" width="48" height="58" border="0" alt=""></a></td> <td colspan="4" rowspan="5"> <img src="images/index_34.jpg" width="57" height="71" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td rowspan="10"> <img src="images/index_35.jpg" width="9" height="136" alt=""></td> <td colspan="4" rowspan="3"> <a href="http://www.myspace.com/therebelcreek" target="_Self" onmouseover="window.status='MySpace'; return true;" onmouseout="window.status=''; return true;"> <img src="images/MySpace.gif" width="52" height="56" border="0" alt=""></a></td> <td colspan="2" rowspan="3"> <a href="http://www.facebook.com/pages/Rebel-Creek/113243295389590" target="_Self" onmouseover="window.status='Facebook'; return true;" onmouseout="window.status=''; return true;"> <img src="images/Facebook_01.gif" width="53" height="56" border="0" alt=""></a></td> <td> <img src="images/spacer.gif" width="1" height="11" alt=""></td> </tr> <tr> <td colspan="16"> <img src="images/index_38.jpg" width="442" height="9" alt=""></td> <td rowspan="9"> <img src="images/frame2-40.gif" width="2" height="125" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="9" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/index_40.jpg" width="8" height="49" alt=""></td> <td colspan="7"><a href="email/?p=subscribe&id=1"><img src="images/index_41.jpg" width="192" height="36" border="0" alt="Join our Newletter"></a></td> <td colspan="7" rowspan="2"> <img src="images/index_42.jpg" width="242" height="49" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="36" alt=""></td> </tr> <tr> <td colspan="8"> <img src="images/index_43.jpg" width="153" height="13" alt=""></td> <td colspan="7"> <img src="images/index_44.jpg" width="192" height="13" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="13" alt=""></td> </tr> <tr> <td colspan="3" rowspan="6"> <img src="images/index_45.jpg" width="49" height="67" alt=""></td> <td colspan="2"> <a href="http://www.rebelcreek.net" onmouseover="window.status='Home'; return true;" onmouseout="window.status=''; return true;"> <img src="images/Home.jpg" width="52" height="29" border="0" alt=""></a></td> <td colspan="4"> <a href="Bio" onmouseover="window.status='About Us'; return true;" onmouseout="window.status=''; return true;"> <img src="images/About-Us.gif" width="59" height="29" border="0" alt=""></a></td> <td colspan="2"> <a href="Music" onmouseover="window.status='Music'; return true;" onmouseout="window.status=''; return true;"> <img src="images/Music.gif" width="47" height="29" border="0" alt=""></a></td> <td colspan="5"> <a href="Videos"> <img src="images/Videos-50.gif" width="51" height="29" border="0" alt="Rebel Creek Videos"></a></td> <td colspan="2"> <a href="Tour"> <img src="images/Tour.gif" width="79" height="29" border="0" alt="Rebel Creek Show Dates"></a></td> <td colspan="2"> <a href="Book"> <img src="images/Book.gif" width="63" height="29" border="0" alt="Book Rebel Creek"></a></td> <td colspan="3"> <a href="Photo"> <img src="images/Photo.jpg" width="90" height="29" border="0" alt="Images Of Rebel Creek"></a></td> <td> <a href="News"> <img src="images/News-54.gif" width="42" height="29" border="0" alt="Latest News For Rebel Creek"></a></td> <td colspan="2"> <a href="Contact" onmouseover="window.status='Contact us'; return true;" onmouseout="window.status=''; return true;"> <img src="images/Contact-Us.gif" width="74" height="29" border="0" alt=""></a></td> <td colspan="2" rowspan="6"> <img src="images/index_55.jpg" width="46" height="67" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="29" alt=""></td> </tr> <tr> <td colspan="23"> <img src="images/index_56.jpg" width="557" height="3" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="3" alt=""></td> </tr> <tr> <td colspan="12" rowspan="4"> <img src="images/index_57.jpg" width="194" height="35" alt=""></td> <td colspan="7" rowspan="2"> <a href="#" onmouseover="window.status='Copyrights'; return true;" onmouseout="window.status=''; return true;"> <img src="images/copyright.gif" width="198" height="22" border="0" alt="This website and its content is copyright of Rebel Creek - ©Rebel Creek 2010-11. All rights reserved"></a></td> <td colspan="4" rowspan="4"> <img src="images/index_59.jpg" width="165" height="35" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="8" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="images/frame2-61.gif" width="42" height="27" alt=""></td> <td rowspan="2"> <a href="Private" target="_Self"> <img src="images/Private.jpg" width="84" height="21" border="0" alt="For Band Members Only"></a></td> <td rowspan="3"> <img src="images/frame2-63.gif" width="1" height="27" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="14" alt=""></td> </tr> <tr> <td colspan="7" rowspan="2"> <img src="images/index_63.jpg" width="198" height="13" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="7" alt=""></td> </tr> <tr> <td> <img src="images/frame2-65.gif" width="84" height="6" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="6" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="93" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="17" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="7" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="11" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="31" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="3" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="49" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="4" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="46" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="7" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="32" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="15" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="3" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="6" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="25" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="15" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="47" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="32" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="35" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="28" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="10" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="31" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="49" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="42" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="28" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="46" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="38" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="8" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="42" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="84" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> <td></td> </tr> </table></center> <!-- End Save for Web Slices --> </body> </html> Quote Link to comment Share on other sites More sharing options...
ruddie Posted February 14, 2011 Share Posted February 14, 2011 Normally these things should be handled by themselfs, however - if you have one word that actually stretches over 200px, it would go out of the div, otherwise it shouldn't.. perhaps a screenshot would make it clearer? Because right now I don't really see what the problem is? Quote Link to comment Share on other sites More sharing options...
rebelcreek Posted February 14, 2011 Author Share Posted February 14, 2011 Feels really dumb right now lol I was just testing it by putting a bunch of letters none spaced and seen your post and BOOM it works lol thanks for making me feel dumb lol I knew it should handle itself but it wasn't Thanks again Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.