I have run into another minor problem. On my Joomla website, all of my "show on frontpage" content is running into the modules, as shown here: http://img.photobucket.com/albums/v113/pjkcards/aa.jpg I added the bold in the CSS: .blog { float: left; width: 462px; } And that didn't seem to have any affect in it at all. How do I go about making the text not run into the margins as it is? Why isn't the "width" having any affect on that class? I have included my HTML source and CSS sheets in the next couples of posts. Please let me know if you have any ideas on how correct this. Thanks in advance. First half of HTML (view source of homepage): <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>contentcontentcontentcontent</title> <meta name="description" content="Joomla - the dynamic portal engine and content management system" /> <meta name="keywords" content="Joomla, joomla" /> <meta name="Generator" content="Joomla! - Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved." /> <meta name="robots" content="index, follow" /> <base href="http://www.domain.com/" /> <link rel="shortcut icon" href="http://www.domain.com/images/favicon.ico" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="http://www.domain.com/templates/dd_midnight/css/template_css.css" rel="stylesheet" type="text/css"/> <link rel="shortcut icon" href="http://www.domain.com/templates/dd_midnight/images/favicon.ico"/> </head> <body class="page_bg"> <div align="center"> <div id="main_outline"> <div id="pathway_outline"> <div id="pathway"> <span class="pathway">Home </span> </div> <div id="buttons"> <ul id="mainlevel-nav"><li><a href="http://www.domain.com/home-2" class="mainlevel-nav" >Home</a></li><li><a href="http://www.domain.com/about-domain.com" class="mainlevel-nav" >About</a></li><li><a href="http://www.domain.com/contact" class="mainlevel-nav" >Contact</a></li></ul> </div> </div> <div id="search"> <form action="index.php?option=com_search&Itemid=5" method="get"> <div class="search"> <input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" type="text" size="20" value="search..." onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" /> </div> <input type="hidden" name="option" value="com_search" /> <input type="hidden" name="Itemid" value="5" /> </form> </div> <div class="clr"></div> <div id="header_area"> <div id="header"></div> </div> <div id="left_outline"> <div id="left"> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <th valign="top"> Main Menu </th> </tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr align="left"><td><a href="http://www.domain.com/home" class="mainlevel" id="active_menu">Home</a></td></tr> <tr align="left"><td><a href="http://www.domain.com/free-mac-resources" class="mainlevel" >Mac Resources</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-9" class="mainlevel" >Browsers</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-8" class="mainlevel" >Business & Office Tools</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-7" class="mainlevel" >Communication Tools</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-6" class="mainlevel" >Convert & Import Tools</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-3" class="mainlevel" >Graphics & Digital Tools</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-4" class="mainlevel" >Media & Audio Tools</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view" class="mainlevel" >Miscellaneous Tools</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-2" class="mainlevel" >Programming Tools</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-67" class="mainlevel" >Security Tools</a></td></tr> <tr align="left"><td><a href="/all-downloads/cat_view-10" class="mainlevel" >Utilities</a></td></tr> <tr align="left"><td><a href="http://www.domain.com/all-downloads" class="mainlevel" >All Downloads</a></td></tr> <tr align="left"><td><a href="http://www.domain.com/news-2" class="mainlevel" >News Stories</a></td></tr> <tr align="left"><td><a href="http://www.domain.com/search" class="mainlevel" >Search</a></td></tr> </table> </td> </tr> </table> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr align="left"><td><a href="http://www.domain.com/link-to-us" class="mainlevel" >Link to Us</a></td></tr> <tr align="left"><td><a href="http://www.domain.com/about-domain.com" class="mainlevel" >About domain.com</a></td></tr> <tr align="left"><td><a href="http://www.domain.com/contact-us-3" class="mainlevel" >Contact</a></td></tr> </table> </td> </tr> </table> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <td> [insert] </td> </tr> </table> </div> </div> <div id="content_area"> <div id="content"> <div id="right_outline"> <div id="right"> </div> <div id="right"> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <th valign="top"> Polls </th> </tr> <tr> <td> <script language="javascript" type="text/javascript"> <!-- function submitbutton_Poll1() { var form = document.pollxtd1; var radio = form.voteid; var radioLength = radio.length; var check = 0; if ( 'z' != 'z' ) { alert('You already voted for this item today.'); return; } for(var i = 0; i < radioLength; i++) { if(radio[i].checked) { form.submit(); check = 1; } } if (check == 0) { alert('No selection has been made, please try again'); } } //--> </script> <form name="pollxtd1" method="post" action="http://www.domain.com/index.php?option=com_poll"> <table width="95%" border="0" cellspacing="0" cellpadding="1" align="center" class="poll"> <thead> <tr> <td style="font-weight: bold;"> Where did you find domain.com? </td> </tr> </thead> <tr> <td align="center"> <table class="pollstableborder" cellspacing="0" cellpadding="0" border="0"> <tr> <td class="sectiontableentry2" valign="top"> <input type="radio" name="voteid" id="voteid1" value="1" alt="1" /> </td> <td class="sectiontableentry2" valign="top"> <label for="voteid1"> Google </label> </td> </tr> <tr> <td class="sectiontableentry1" valign="top"> <input type="radio" name="voteid" id="voteid2" value="2" alt="2" /> </td> <td class="sectiontableentry1" valign="top"> <label for="voteid2"> Yahoo </label> </td> </tr> <tr> <td class="sectiontableentry2" valign="top"> <input type="radio" name="voteid" id="voteid3" value="3" alt="3" /> </td> <td class="sectiontableentry2" valign="top"> <label for="voteid3"> MSN </label> </td> </tr> <tr> <td class="sectiontableentry1" valign="top"> <input type="radio" name="voteid" id="voteid4" value="4" alt="4" /> </td> <td class="sectiontableentry1" valign="top"> <label for="voteid4"> Other </label> </td> </tr> </table> </td> </tr> <tr> <td> <div align="center"> <input type="button" onclick="submitbutton_Poll1();" name="task_button" class="button" value="Vote" /> <input type="button" name="option" class="button" value="Results" onclick="document.location.href='http://www.domain.com/index.php?option=com_poll&task=results&id=14';" /> </div> </td> </tr> </table> <input type="hidden" name="id" value="14" /> <input type="hidden" name="task" value="vote" /> <input type="hidden" name="j5a8a4bf54212bf76b60de889a7eab240" value="1" /> </form> </td> </tr> </table> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <th valign="top"> Login Form </th> </tr> <tr> <td> <form action="index.php" method="post" name="login" > <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td> <label for="mod_login_username"> Username </label> <br /> <input name="username" id="mod_login_username" type="text" class="inputbox" alt="username" size="10" /> <br /> <label for="mod_login_password"> Password </label> <br /> <input type="password" id="mod_login_password" name="passwd" class="inputbox" size="10" alt="password" /> <br /> <input type="checkbox" name="remember" id="mod_login_remember" class="inputbox" value="yes" alt="Remember Me" /> <label for="mod_login_remember"> Remember me </label> <br /> <input type="submit" name="Submit" class="button" value="Login" /> </td> </tr> <tr> <td> <a href="http://www.domain.com/registration/lostpassword"> Lost Password?</a> </td> </tr> <tr> <td> No account yet? <a href="http://www.domain.com/registration/register"> Register</a> </td> </tr> </table> Registering will allow you to subscribe to our newsletters. No spam. <input type="hidden" name="option" value="login" /> <input type="hidden" name="op2" value="login" /> <input type="hidden" name="lang" value="english" /> <input type="hidden" name="return" value="http://www.domain.com/home" /> <input type="hidden" name="message" value="0" /> <input type="hidden" name="force_session" value="1" /> <input type="hidden" name="j8ee53ee8ac4ba33fdb20d85229bf3489" value="1" /> </form> </td> </tr> </table> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <th valign="top"> Partners </th> </tr> <tr> <td> <a href="http://www.speedsolving.com" target="_blank">Speedsolving Puzzles</a><br /> <a href="http://www.speedsolving.com" target="_blank">Speedsolving Puzzles</a><br /> <a href="http://www.speedsolving.com" target="_blank">Speedsolving Puzzles</a><br /> <a href="http://www.speedsolving.com" target="_blank">Speedsolving Puzzles</a><br /> </td> </tr> </table> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <th valign="top"> Syndicate </th> </tr> <tr> <td> <div class="syndicate"> <div align="center"> <a href="http://www.domain.com/rss"> <img src="http://www.domain.com/images/M_images/rss091.gif" alt="RSS 0.91" name="RSS091" align="middle" border="0" /></a> </div> <div align="center"> <a href="http://www.domain.com/rss-2"> <img src="http://www.domain.com/images/M_images/rss10.gif" alt="RSS 1.0" name="RSS10" align="middle" border="0" /></a> </div> <div align="center"> <a href="http://www.domain.com/rss-3"> <img src="http://www.domain.com/images/M_images/rss20.gif" alt="RSS 2.0" name="RSS20" align="middle" border="0" /></a> </div> <div align="center"> <a href="http://www.domain.com/rss-4"> <img src="http://www.domain.com/images/M_images/atom03.gif" alt="ATOM 0.3" name="ATOM03" align="middle" border="0" /></a> </div> Code (markup):
Second half of HTML (view source of homepage): <div align="center"> <a href="http://www.domain.com/rss-5"> <img src="http://www.domain.com/images/M_images/opml.png" alt="OPML" name="OPML" align="middle" border="0" /></a> </div> </div> </td> </tr> </table> </div> </div> <div id="sandbox_area_2"> <div class="sandbox_area"> <div class="clr"></div> <div class="content_outline"> <!-- MJ Frontpage, www.mambojunkies.de --> <table class="blog" cellpadding="0" cellspacing="0"><tr><td valign="top"> <div> <table class="contentpaneopen"><tr><td class="contentheading" width="100%">Welcome to domain.com!</td></tr></table><table class="contentpaneopen"><tr><td valign="top"><h1 style="font-size: 13px">content</h1><p>contentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontent</p><p>[insert here]</p><p> </p></td></tr></table> </div> </td></tr></table> <span class="article_seperator"> </span> <table class="blog" cellpadding="0" cellspacing="0"><tr><td valign="top"><div> <table class="contentpaneopen"> <tr> <td class="contentheading" width="100%"> <a href="http://www.domain.com/rumore-powerpc-support-in-mac-os-x" class="contentpagetitle"> Rumore: PowerPC Support in Mac OS X 10.6?</a> </td> </tr> </table> <table class="contentpaneopen"> <tr> <td valign="top" colspan="2" class="createdate"> Sunday, 08 June 2008 </td> </tr> <tr> <td valign="top" colspan="2"> Contrary to claims that Mac OS 10.6 "Snow Leopard" will drop PowerPC support, Gizmodo has heard that PowerPC support may indeed be living on. </td> </tr> <tr> <td align="left" colspan="2"> <a href="http://www.domain.com/rumore-powerpc-support-in-mac-os-x" class="readon"> Read more...</a> </td> </tr> </table> <span class="article_seperator"> </span> </div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tr><td valign="top" width="100%"> <table class="contentpaneopen"> <tr> <td class="contentheading" width="100%"> <a href="http://www.domain.com/apple-could-showcase-mac-os-x-10.6-at-world-wide-developer-conference" class="contentpagetitle"> Apple could showcase Mac OS X 10.6 at World Wide Developer Conference</a> </td> </tr> </table> <table class="contentpaneopen"> <tr> <td valign="top" colspan="2" class="createdate"> Saturday, 07 June 2008 </td> </tr> <tr> <td valign="top" colspan="2"> Market sources say that Apple could announce their next operating system release (Mac OS X 10.6) at the upcoming World Wide Developer Conference. <br /> World Wide Developer Conference is scheduled to take place in San Francisco and the company is also rumored to be planning to launch the second generation Apple iPhone.<br /> <br /> </td> </tr> <tr> <td align="left" colspan="2"> <a href="http://www.domain.com/apple-could-showcase-mac-os-x-10.6-at-world-wide-developer-conference" class="readon"> Read more...</a> </td> </tr> </table> <span class="article_seperator"> </span> </td></tr><tr><td valign="top" width="100%"> <table class="contentpaneopen"> <tr> <td class="contentheading" width="100%"> <a href="http://www.domain.com/google-gets-serious-about-open-source-mac-projects" class="contentpagetitle"> Google Gets Serious About Open Source Mac Projects</a> </td> </tr> </table> <table class="contentpaneopen"> <tr> <td valign="top" colspan="2" class="createdate"> Saturday, 07 June 2008 </td> </tr> <tr> <td valign="top" colspan="2"> In the "20 percent time" that Google employees have to work on projects of personal interest, it turns out that an increasing number are spending time writing open-source projects for their beloved Macs.<br /> </td> </tr> <tr> <td align="left" colspan="2"> <a href="http://www.domain.com/google-gets-serious-about-open-source-mac-projects" class="readon"> Read more...</a> </td> </tr> </table> <span class="article_seperator"> </span> </td></tr><tr><td valign="top" width="100%"> <table class="contentpaneopen"> <tr> <td class="contentheading" width="100%"> <a href="http://www.domain.com/new-iphone-could-boost-sales-to-25-million-in" class="contentpagetitle"> New iPhone could boost sales to 25 million in 2008</a> </td> </tr> </table> <table class="contentpaneopen"> <tr> <td valign="top" colspan="2" class="createdate"> Friday, 06 June 2008 </td> </tr> <tr> <td valign="top" colspan="2"> According to Mike Abramsky of RBC, "entry iPhone model or an unusually low price for the near-certain 3G model could accelerate Apple's sales growth between 50 to 100 percent -- enough to boost the financial institution's earlier forecasts of 14 million units in calendar 2008 to between 20 and 25 million, doubling again in 2009 to as many as 40 to 50 million phones."<br /> </td> </tr> <tr> <td align="left" colspan="2"> <a href="http://www.domain.com/new-iphone-could-boost-sales-to-25-million-in" class="readon"> Read more...</a> </td> </tr> </table> <span class="article_seperator"> </span> </td></tr><tr><td valign="top" width="100%"> <table class="contentpaneopen"> <tr> <td class="contentheading" width="100%"> <a href="http://www.domain.com/iphone-developers-may-charge-for-would-be-free-apps" class="contentpagetitle"> iPhone developers may charge for would-be free apps</a> </td> </tr> </table> <table class="contentpaneopen"> <tr> <td valign="top" colspan="2" class="createdate"> Friday, 06 June 2008 </td> </tr> <tr> <td valign="top" colspan="2"> According to <a href="http://www.appleinsider.com" target="_blank">AppleInsider</a>, developers wishing to release software applications for the iPhone and iPod touch for free are being encouraged by Apple to charge a fee instead.<br /> </td> </tr> <tr> <td align="left" colspan="2"> <a href="http://www.domain.com/iphone-developers-may-charge-for-would-be-free-apps" class="readon"> Read more...</a> </td> </tr> </table> <span class="article_seperator"> </span> </td></tr></table></td></tr></table> </div> <div class="clr"></div> </div> </div> </div> </div> <div class="clr"></div> </div> <div class="dd"> <a href="/">Home</a> | <a href="/contact-us-3">Contact</a> | <a href="/about-domain.com">About</a> | <a href="/link-to-us">Link to us</a> | <a href="/search">Search </a> | <a href="/disclaimer">Disclaimer</a> | <a href="/privacy-statement">Privacy Statement</a><br /> <a href="http://www.copyright.gov/circs/circ1.html" TARGET="_blank">Copyright </a>© 2008 <a href="http://www.domain.com">domain.com </a><br> </div> </div> </body> </html><!-- 1212963814 --> Code (markup):
CSS: /* CSS Document */ .clr { clear: both; } #main_outline { width: 802px !important; width: 808px; border: 1px solid #cccccc; padding: 2px; background: #ffffff; } #pathway_outline { width: 633px !important; width: 635px; float: left; border: 1px solid #cccccc; margin-bottom: 2px !important; margin-bottom: -2px; } #pathway { float: left; color: #283547; padding: 4px 3px 3px 5px; } #buttons { float: right; margin: 0px; padding: 0px; width: 50%; } ul#mainlevel-nav { list-style: none; padding: 0; margin: 0; font-size: 0.8em; } ul#mainlevel-nav li { display: block; background-image: none; padding-left: 0px; padding-right: 0px; float: right; margin: 0; width: auto !important; width: 15%; font-size: 11px; line-height: 21px; white-space: nowrap; border-left: 1px solid #cccccc; } ul#mainlevel-nav li a { display: block; padding-left: 15px; padding-right: 15px; text-decoration: none; color: #283547; background: transparent; } #buttons>ul#mainlevel-nav li a { width: auto; } ul#mainlevel-nav li a:hover { color: #FFFFFF; background: #283547; } #search { float: right; border: 1px solid #cccccc; padding: 0px; width: 163px !important; width: 165px; height: 21px !important; height: 23px; overflow: hidden; } #search .inputbox { border: 0px; padding: 4px 3px 3px 5px !important; padding: 3px 3px 3px 5px; font-family: arial, helvetica, sans-serif; font-size: 11px; height: 17px !important; height: 19px; width: 153px !important; width: 159px; color: #000000; } #header_area { width: 802px !important; text-align: left; border: 0px; margin: 0px; } #header { float: left; padding: 0px; margin: 0px; width: 802px; height: 150px; background: url(http://www.domain.com/banner) no-repeat; } #top_outline { float: left; border: 1px solid #cccccc; padding: 2px; margin-left: 2px; float: left; overflow: hidden; height: 144px !important; height: 150px; width: 159px !important; width: 165px; } #left_outline { margin-top: 2px; border: 1px solid #cccccc; padding: 2px; float: left; width: 159px !important; width: 165px; background-color : #FFFFFF; } #content_area { padding: 0px; margin-top: 0px; margin-left: 2px; /** border: 1px solid #cccccc; **/ float: left; width: 635px; } #banner_area { width: 635px; margin-top: 2px; margin-bottom: 0px !important; margin-bottom: -3px; } #banner { float: left; padding: 0px; width: 468px; } #poweredby { float: left; margin-left: 2px; } #sandbox_area_2 .sandbox_area { float: left; margin-top: 2px; width: 468px; } #sandbox_area_1 .sandbox_area { float: left; margin-top: 2px; width: 635px; } #right_outline { border: 1px solid #cccccc; margin-top: 2px; float: right; padding: 2px; width: 159px !important; width: 165px; } /** with both user1 and user2 visible **/ #user1_2 .user1_outline { width: 227px !important; width: 233px; border: 1px solid #cccccc; float: left; margin: 0px; padding: 2px; margin-bottom: 2px; } #user2_2 .user2_outline { width: 227px !important; width: 233px; border: 1px solid #cccccc; float: right; margin-left: 2px; margin-bottom: 2px; padding: 2px; } /** with either user1 or user2 visible **/ #user1_1 .user1_outline { width: 462px !important; width: 468px; border: 1px solid #cccccc; float: left; margin: 0px; padding: 2px; margin-bottom: 2px; } #user2_1 .user2_outline { width: 462px !important; width: 468px; border: 1px solid #cccccc; float: right; margin-bottom: 2px; padding: 2px; } /** based on 100% content width **/ #user1_4 .user1_outline { width: 311px !important; width: 317px; border: 1px solid #cccccc; float: left; margin: 0px; padding: 2px; margin-bottom: 2px; } #user2_4 .user2_outline { width: 310px !important; width: 316px; border: 1px solid #cccccc; float: right; margin-left: 2px; margin-bottom: 2px; padding: 2px; } /** with either user1 or user2 visible **/ #user1_3 .user1_outline { width: 629px !important; width: 635px; border: 1px solid #cccccc; float: left; margin: 0px; padding: 2px; margin-bottom: 2px; } #user2_3 .user2_outline { width: 629px !important; width: 635px; border: 1px solid #cccccc; float: right; margin-bottom: 2px; padding: 2px; } /** adjust content area based on right nav **/ #sandbox_area_2 .content_outline { width: 462px !important; width: 468px; border: 1px solid #cccccc; padding: 2px; } #sandbox_area_1 .content_outline { width: 629px !important; width: 635px; border: 1px solid #cccccc; padding: 2px; } #active_menu { color:#E0E2E4; font-weight: bold; } a#active_menu:hover { color: #283547; } .maintitle { color: #ffffff; font-size: 40px; padding-left: 15px; padding-top: 20px; } .error { font-style: italic; text-transform: uppercase; padding: 5px; color: #cccccc; font-size: 14px; font-weight: bold; } /** old stuff **/ .back_button { float: left; font-size: 11px; font-weight: bold; margin-top: 15px; margin-bottom: 10px; border: 1px solid #cccccc; width: 40px; padding: 4px; } .page_bg { background: #C1D4ED url(../images/bg_fade.jpg) repeat-x; padding: 0px 0px 20px 0px; margin: 0px; border: 0px; } .pagenav { text-align: center; font-size: 11px; font-weight: bold; border: 1px solid #cccccc; width: auto; padding: 4px; margin: 1px; } .pagenavbar { padding-right: 5px; float: right; } #footer { text-align: center; padding: 3px; } ul { margin: 0; padding: 0; list-style: none; } li { line-height: 15px; padding-left: 15px; padding-top: 0px; background-image: url(../images/arrow.png) ; background-repeat: no-repeat; background-position: 0px 3px; } td { text-align: left; font-size: 11px; } body { margin: 15px; height: 100%; padding: 0px; font-family: Arial, Helvetica, Sans Serif; font-size: 11px; color: #333333; background: #E3E3E3; } /* mambo core stuff */ a:link, a:visited { color: #283547; text-decoration: none; font-weight: bold; } a:hover { color: #1961D4; text-decoration: none; font-weight: bold; } table.contentpaneopen { width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; } table.contentpane td { margin: 0px; padding: 0px; } table.contentpane td.componentheading { padding-left: 4px; } table.contentpane td.contentheading { padding-left: 15px; padding-top: 9px; } .button { padding: 2px 5px 2px 5px; height: 22px; border:solid 1px #cccccc; background-color: #ffffff; color: #000000; font-family: Arial, Helvetica, Sans Serif; text-align: center; font-size: 11px; font-weight: bold; } .inputbox { padding: 2px; border:solid 1px #cccccc; background-color: #ffffff; } #sandbox_area_2 .componentheading { background: url(../images/subhead_bg.png) repeat-x; color: #FFFFFF; text-align: left; padding-top: 4px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; width: 458px !important; width: 462px; } #sandbox_area_1 .componentheading { background: url(../images/subhead_bg.png) repeat-x; color: #FFFFFF; text-align: left; padding-top: 4px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; width: 625px !important; width: 629px; } .contentcolumn { padding-right: 5px; } .contentheading { height: 30px; background: url(../images/contenthead.png) repeat-x; color: #666666; text-align: left; padding-top: 9px; padding-left: 15px; font-weight: bold; font-size: 11px; white-space: nowrap; } .contentpagetitle { font-size: 13px; font-weight: bold; color: #cccccc; text-align:left; } table.searchinto { width: 100%; } table.searchintro td { font-weight: bold; } table.moduletable { width: 100%; margin-bottom: 5px; padding: 0px; border-spacing: 0px; border-collapse: collapse; } table.moduletable th { background: url(../images/subhead_bg.png) repeat-x; color: #FFFFFF; text-align: left; padding-top: 4px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; } table.moduletable td { font-size: 11px; padding: 0px; margin: 0px; font-weight: normal; } table.pollstableborder td { padding: 2px; } .sectiontableheader { font-weight: bold; background: #f0f0f0; padding: 4px; } .sectiontablefooter { } .sectiontableentry1 { background-color : #ffffff; } .sectiontableentry2 { background-color : #f9f9f9; } .small { color: #999999; font-size: 11px; font-weight: bold; } .createdate { height: 15px; padding-bottom: 10px; color: #999999; font-size: 11px; font-weight: bold; } .modifydate { height: 15px; padding-top: 10px; color: #999999; font-size: 11px; font-weight: bold; } table.contenttoc { border: 1px solid #cccccc; padding: 2px; margin-left: 2px; margin-bottom: 2px; } table.contenttoc th { background: url(../images/subhead_bg.png) repeat-x; color: #FFFFFF; text-align: left; padding-top: 2px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; } a.mainlevel:link, a.mainlevel:visited { display: block; background: url(../images/menu_bg.png) no-repeat; vertical-align: middle; font-size: 11px; font-weight: bold; color: #ffffff; text-align: left; padding-top: 5px; padding-left: 18px; height: 19px !important; height: 24px; width: 100%; text-decoration: none; } a.mainlevel:hover { background-position: 0px -25px; text-decoration: none; color: #134AA2; } a.sublevel:link, a.sublevel:visited { padding-left: 1px; vertical-align: middle; font-size: 11px; font-weight: bold; color: #000000; text-align: left; } a.sublevel:hover { color: #F7F8F9; text-decoration: none; } .highlight { background-color: Yellow; color: Blue; padding: 0px 2px 0px 2px; } .code { background-color: #ddd; border: 1px solid #bbb; } .dd { color: #283547; clear: both; } .blog{ float: left; } Code (markup):
May be need a fix width. also whitespace nowrap also text overflow hidden it should work. I tried but cant getting the, PM me the url. I will give you a proper solutions.