can't center custom modules - horizontal bar.. Options

[reillyx]

If you don't mind me asking..

At my xanga, I have my header images centered, but I think because of that horizontal bar at the bottom of my page, the modules and entry-area won't center. Could anyone help?

The code I'm using is:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type=text/css><br />/* remove regular modules */<br />texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}<br />table.blogbody tr td {width:0px; padding: 0px;}<br /><br />/* edit to your liking */<br />table.module { border: 1px solid #5A5E70; width:200px; background-color: #E8DFD7; }<br />table.module th { background-color: #BFA891;font: bold 14px terminal; text-transform: uppercase;color: #9A4943; border: none; }<br />table.module td {color: #333333; text-align: left; border: none; background-image: none; }<br /></style><br /><br /><!-- add this below all the CSS --><br /><br /><table border=0 width="660"><tr><td valign="top" width="200"><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="right" class="module"><b>..GIRL</b></th></tr><tr><td valign="top" class="module"> <p><br />My name is Reilly {Hope} and I was born on April 28th {1990}. That makes me 14, and a freshman at Hylton high school. I live with my mom, two dogs {mine - <a href="">Molly</a>}, and a pair of fish. If you need to know anything else, you should probably be asking <b>me</b>. You can IM me @ <i>exxxtinct</i>.<br /><br /></td></tr></table><br><br /><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="right" class="module"><b>..FRIENDS</b></th></tr><tr><td valign="top" class="module"> <br /><br /><!-- Add your subscriptions here --><br /><br /><a href="http://www.xanga.com/BEAUTiFULxDiSASTERxx">BEAUTiFULxDiSASTERxx</a><br><br /><a href="http://www.xanga.com/BeautyfulMiseryx">BeautyfulMiseryx</a><br><br /><a href="http://www.xanga.com/CrazedHockeyChic">CrazedHockeyChic</a><br><br /><a href="http://www.xanga.com/dapimpin1">dapimpin1</a><br><br /><a href="http://www.xanga.com/hortypuycct_strikes_back">hortypuycct_strikes_back</a><br><br /><a href="http://www.xanga.com/JusTanoTheRdaYthAtdIdntGomYwAy">JusTanoTheRdaYthAtdIdntG..</a><br><br /><a href="http://www.xanga.com/KiSSWiTHOPENEDEYES">KiSSWiTHOPENEDEYES</a><br><br /><a href="http://www.xanga.com/N_LuV_wTh_lAUgHn">N_LuV_wTh_lAUgHn</a><br><br /><a href="http://www.xanga.com/SliPkNotSSS">SliPkNotSSS</a><br><br /><a href="http://www.xanga.com/Sweet_Insannity">Sweet_Insannity</a><br><br /><a href="http://www.xanga.com/Tulips_Ar3_B3TT3R">Tulips_Ar3_B3TT3R</a><br><br /><a href="http://www.xanga.com/VAzFinestAzn">VAzFinestAzn</a> <br /><br /></td></tr></table><br><br /><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="right" class="module"><b>..B-RINGS</b></th></tr><tr><td valign="top" class="module"> <br /><br /><!-- Add your blogrings here --><br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=811337">R.I.P Jerry Orbach</a><BR><a href="http://www.xanga.com/groups/group.aspx?id=533406">! Law and Order !</a> <BR><a href="http://www.xanga.com/groups/group.aspx?id=645513">Law and Order: SVU Addicts</a> <BR><a href="http://www.xanga.com/groups/group.aspx?id=25239">-MUSE-</a> <BR><a href="http://www.xanga.com/groups/group.aspx?id=48823">-=Metallica=-</a> <BR><a href="http://www.xanga.com/groups/group.aspx?id=458085">Irish.Pride</a> <br /><br /></td></tr></table><br><br /><br /><br /><!-- Here's your CUSTOM MODULE.. copy and paste as needed --><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="right" class="module"><b>..ETC</b></th></tr><tr><td valign="top" class="module"> <br /><br />I WILL PUT SOMETHING HERE<br />LATER LATER LATER LATER<br />LATER LATER LATER LATER<br />LATER LATER LATER LATER<br />LATER LATER LATER LATER<br />LATER LATER LATER LATER<br /><br /></td></tr></table><br><br /><br /></td><td width="500" valign="top" align="left"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

And I think that the following code may have something to do with the problem, though it may not. It's what I used to change all the colors and whatnot:

<!-- begin code provided by createblog.com --><br /><div align=center><br /><style type="text/css"><br />body {<br />  background-color: #FFffff;  <br />  scrollbar-arrow-color: #ffffff;<br />scrollbar-track-color: #ffffff;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-face-color: #CD5457;<br />scrollbar-highlight-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dlight-color: #ffffff; <br />}<br /> table.footer {display: none;} <br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 11px terminal;<br />line-height:10px;<br />color:#564D46;<br />letter-spacing:0px;<br />text-align:justify;<br />}<br /><br />.blogbody b, .standard b, p b, strong {<br />font-weight: bold;<br />color: #5A5E70;<br />letter-spacing: -1px;<br />}<br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> color: #5A5E70;<br />}<br />u {<br />  color: #5A5E70;<br />  font-family: terminal;<br />  border-bottom: 1px solid #CD5457;<br />  letter-spacing: 0px;<br />  font-weight: Underline;<br />  text-transform: none;<br />}<br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />BORDER-RIGHT: 1px solid #333333; <br />BORDER-TOP: 1px solid #333333; <br />PADDING-LEFT: 0pt; <br />FONT-WEIGHT: bold; <br />FONT-SIZE: 14px; <br />PADDING-BOTTOM: 1pt; <br />TEXT-TRANSFORM: uppercase; <br />BORDER-LEFT: 1px solid #333333; <br />WIDTH: 350px; <br />height: 25px;<br />font-family: terminal;<br />COLOR: #9A4943; <br />PADDING-TOP: 4pt; <br />BORDER-BOTTOM: #8B5F65 0px solid; <br />LETTER-SPACING: 0px; <br />BACKGROUND-COLOR: #BFA891; <br />TEXT-ALIGN: right;<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#5A5E70;<br />font:normal 11px terminal;<br />line-height: 11px;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited, {<br />/* edits the links that the user has visited */<br />color:#9A4943;<br />font:normal 11px terminal;<br />line-height:11px; <br />text-decoration: none;<br />TEXT-TRANSFORM: uppercase;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#9A4943;<br />font:bold 11px terminal;<br />background:#BFA891;<br />line-height:11px;<br />cursor: ne-size resize;<br />text-decoration: overline underline;<br />filter: none;<br />letter-spacing: 1px;<br />TEXT-TRANSFORM: uppercase;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #5A5E70;<br />font:bold 11px terminal;<br />background-color: #BFA891;<br />letter-spacing:0px; 0px<br />color: #9A4943;<br />}<br />table.left { <br />/* this edits the menu module */<br />border: 1px solid #5A5E70;<br />width:200px;<br />background-color: #E8DFD7;<br />color: #333333;<br />}<br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />border-left: 1px solid #5A5E70;<br />border-bottom: 1px solid #5A5E70;<br />border-right: 1px solid #5A5E70;<br />border-top: 1px solid #5A5E70;<br />background-color: #ffffff;<br />width:350px;<br />}<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />BORDER-RIGHT: 0px solid #000000; <br />BORDER-TOP: 0px solid #000000; <br />PADDING-LEFT: 0pt; <br />FONT-WEIGHT: normal; <br />FONT-SIZE: 13px; <br />PADDING-BOTTOM: 1pt; <br />TEXT-TRANSFORM: uppercase; <br />BORDER-LEFT: 0px solid #000000; <br />WIDTH: 250px; <br />height: 25px;<br />font-family: terminal;<br />COLOR: #9A4943; <br />PADDING-TOP: 4pt; <br />BORDER-BOTTOM: #BFA891 0px solid; <br />LETTER-SPACING: 0px; <br />BACKGROUND-COLOR: #BFA891; <br />TEXT-ALIGN: right;}<br /><br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: url();<br />background-color: transparent;<br />border: none;<br />}<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: #fff0f5; <br />border: 1px solid #ffcccc;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 1px solid #5A5E70;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 600px;<br />}<br />hr {<br />/* horizontal divider */<br />border: 1px solid #5A5E70;<br />}<br />BODY{cursor:ne resize}<br />table.footer {display: none;} <br /></style><br /><style></style><br /><div align=CENTER><br /><!-- end code provided by createblog.com -->

Thanks! =)

This post has been edited by Spiritedfreak: Feb 8 2005, 04:53 PM

[lovescream]

The horizontal bar doesn't matter, really.
To remove it:

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />hr {display:none;}<br /></style><br /><!-- end code provided by createblog.com -->