Moudle Help! Options

[laughn_l0ser]

my moudle is like to the very side... here is the code for my layout

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />table.footer, table.search, #rblEprops, hr {display: none;}<br />BODY {<br />scrollbar-face-color: #FFBFBF;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-highlight-color: #f7bad9;<br />scrollbar-3dlight-color: #FFBFBF;<br />scrollbar-darkshadow-color: #FFBFBF;<br />scrollbar-track-color: #ffffff;<br />scrollbar-arrow-color: ffffff;<br />background-color: #ffffff;<br />font-family: arial;<br />font-size:8pt;<br />font-color: black;<br />line-height:150%;<br />text-align: justify;<br />}<br />center, font{<br />font-family: arial;<br />font-size: 8pt;<br />font-color: 7fbad9;<br />line-height: 12px;}<br />table.left {<br />background-color: #7C7C7C;<br />border:0px;<br />}<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />font-family: arial;<br />text-transform: lowercase;<br />font-size:8pt;<br />font-weight: bold;<br />line-height: 8pt;<br />color: #000000;<br />letter-spacing: 0px;<br />background-color: #FFFFFF;<br />text-align: center;<br />border: 1px solid #7c7c7c;<br />border-bottom: 4px solid #FFC484;<br /> }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br /> background-color: #FFFFFF;<br />border: none;<br />border-top: 2px solid #7c7c7c;<br />}<br />table.left { <br />/* this edits the menu module */<br /> border: 1px solid #000000;<br />font-weight: normal;<br /> width:200px;<br />  background-color: #FFFFFF;<br /> }<br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />background-color: #ffffff;<br />border-top: 4px SOLID 444444;<br />border-left: 1px solid 000000;<br />border-right: 1px solid 000000;<br />border-bottom: 1px solid #000000;<br />width: 100%;<br />width:340;<br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />background-color: #ffffff;<br />line-height:16px;<br />font-family:arial;<br />text-transform: lowercase;<br />font-size:11px;<br />font-weight:normal;<br />text-align:center;<br />color: FFC484;<br />letter-spacing:0px;<br />padding-top:1px;<br />padding-bottom:0px;<br />border-top: 1px solid 000000;<br />border-left: 1px solid 000000;<br />border-right: 1px solid 000000;<br />border-bottom: 4x solid #FFC484;<br />width: 340px;<br />}<br />.blogbody{<br />border-top: 1px solid 000000;<br />color: #FFC484;<br />background-color: #transparent;<br />}<br />.blogbody td{<br />width: 0px;<br />padding-left: 0px}<br />input, select, menu, #htmleditor, textarea, .textfield, .button{<br />border: none;<br />font-family:"arial";<br />font-size:8pt;<br />font-color: FFC484;<br />line-height:150%;<br />background-color: #ffffff;<br />text-align: center;<br />}<br />.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{<br />font-family: arial;<br />font-size: 8pt;<br />color: #444444;<br />text-align:left;<br />}<br />STRONG{<br />COLOR: #FFC484;<br />letter-spacing: 0pt;<br />cursor: crosshair;}<br />A:link{<br />font-family:arial;<br />text-decoration:none;<br />font-size: 8pt;<br />color: #FFC484;<br />}<br />A:visited{<br />text-decoration:none;<br />font-family:arial;<br />font-size: 8pt;<br />color:#FFC484;<br />}<br />a:active{<br />font-size:8pt;<br />color: #FFC484;}<br />A:hover{<br />/* edits when user mouseovers the links */<br />  color:7c7c7c;<br />  border:1px solid #000000;<br />  font:normal 8pt arial;<br />  line-height:11px;<br />  cursor:no-drop;<br />  letter-spacing:-1px;<br />  height: 0; <br />  PADDING-TOP: 1px; <br />  PADDING-BOTTOM: 1px; <br />  PADDING-RiGHT: 1px; <br />  PADDING-LEFT: 1px; <br />  text-align:;<br />}<br />.search, .searchbarborder, .footer, hr, banner{ display: none; }<br />.navigation { display: none; font-weight: none !important; width: 100% !important; font-size: 10px;}<br />.navigation * div { display: none; float: right; font-weight: none !important}<br /></style><br /><style type=text/css><br />/* edit to your liking */<br /><br />table.blogbody tr td {width:0px; padding: 0px;}<br />table.module { border: 1px solid 000000; width:155px; background-color: #ffffff; }<br />table.module th { font:8pt arial;<br />color: #FFBFBF;<br />border-top: 1px solid FFBFBF;<br />border-bottom: 4px solid #FFC484;<br />border-left: 0px solid;<br />border-right: 0px solid; }<br />table.module td { background-color: #ffffff;<br />border-top: 4px solid 7c7c7c;<br />border-left: 0px solid white;<br />border-right: 0px solid white;<br />border-bottom: 0px solid f7bad9;<br />;}<br />U {font-family: arial; color: FFC484; letter-spacing: 0pt; font-size:8pt; font-style: border; border-bottom: 7c7c7c;}<br />P {font-family:ARIAL; color: #FFC484; font-size: 8pt; text-align: justify;}<br />B, STRONG {font-family:ARIAL; font-weight: normal; color: #FFC484; letter-spacing:none;font-size: 11px;}<br />i, EM {font-family:ARIAL; color: #FFC484; letter-spacing:none;}<br /><style></style></style><br /><!-- add this below all the CSS --><br /><br /><table border=0 width="500"><tr><td valign="top" width="160"><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module">♥ <strong>»</strong> coming<strong>SOON</strong></th></tr><tr><td valign="top" class="module"><br /><br />++<b>Moudle Coming Soon!</b><br /><br /><br /><BR></td></tr></table><br><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><font face=arial>--<strong>»</strong> click<strong>a</strong>bles</a></th></tr><tr><td valign="top" class="module"><br /><b>♥</b> <a href="http://www.xanga.com">xanga</A> <BR><br /><b>♥</b> <a href="http://www.xanga.com/signin.aspx"> sign in </a> or <a href="http://www.xanga.com/logout.aspx"> log out</a> <BR><br /><br /><b>♥</b> <a href="http://www.xanga.com/Private">home</A> <BR><br /><b>♥</b> <a href="http://www.xanga.com/CLAF/default.asp">look<b>&</b>feel</A> <BR><br /><b>♥</b> <a href="http://xanga.com/Private/SubscribeTo.aspx?user=chari_charchar">add mee<i>?</i></a> <BR><br /><b>♥</b> <a href="http://www.xanga.com/private/subs.aspx">subbies</A><br /><br /></td></tr></table><br><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><font face=arial>♥<strong>»</strong> layout info.</a></th></tr><tr><td valign="top" class="module"><br />released//may 14<Br><br />how long//less than an hour<Br><br />programs used//wordpad, photoshop CS<br><br />creator//ME. <Br><br /></td></tr></table><br><br /></td><td width="500" valign="top" align="left"><br /><!-- end code provided by createblog.com -->

but i put another code for the right moudle.

<!-- begin code provided by createblog.com --><br /><script language=javascript><br />// swaps sidebar position on default xanga site layout<br />// by sean http://www.xanga.com/seanmeister<br />function swapSidebar(){<br />var tds = document.getElementsByTagName("td")<br />for (var i = 0; i < tds.length; i++){<br />if (tds[i] == "mainleft" || tds[i].width == "200"){<br />var sidebar = tds[i].cloneNode(true);<br />//document.write.blogring<br />tds[i].parentNode.appendChild(sidebar);<br />tds[i].parentNode.removeChild(tds[i]);<br />break;<br />}}<br />}<br />swapSidebar();<br /></script><br /><!-- end code provided by createblog.com -->

umm i dont know why theres a huge gap.. how do i take it out? help please..

[talcumpowder]

.... add padding-right: 0px; to this section of code.

CODE

table.left {
/* this edits the menu module */
border: 1px solid #000000;
font-weight: normal;
width:200px;
 background-color: #FFFFFF;