help w/ table.navigation Options

[mpkerk]

I'm trying to get the nagivation toolbar (subscribe, login, etc) to span across the left modules and the blog entries, not just on top of the blog entries. Does anyone know how to fix this?


Click here for my xanga.

<!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation{ border: 0px #BF307F; width:500px; background-color:ffffff; text-align: center; font: 8px arial}<br />table.footer, table.search, table.left, table.left th, {<br />display: none;<br />}<br /><br />.blog <br />background:#ffffff url();<br />text-align: center;<br />border: 0px solid black;<br />width: 300;<br />}<br />table.blogbody, div.blogheader, .caption{<br />width: 500;<br />}<br />body {<br />background:#000000url() fixed;<br />scrollbar-Arrow-Color: #FFCCFF;<br />scrollbar-Track-Color: #ffffff; <br />scrollbar-Shadow-Color: #ffffff;<br />scrollbar-Face-Color: #BF307F; <br />scrollbar-Highlight-Color: #FFFFFF; <br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dLight-Color: #ffffff;<br />} <br />.left, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext {<br />/* edits main text */<br />font:normal 12px verdana;<br />color: #666666;<br />text-align:left;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #000000;<br />}<br />.left a:link, .blogbody a:link {<br />/* edit the links */<br />color: #BF307F;<br />font:normal 10px arial;<br />text-decoration:underline;<br />}<br />.left a:visited, .blogbody a:visited {<br />/* edits visited links */<br />color: #BF307F;<br />font:normal 10px arial;<br />text-decoration: underline;<br />}<br />a:hover{<br />/* edit link hover */<br />color: #000000;<br />text-decoration:line-through;<br />}<br />form{<br />display: inline;<br />}<br />div.blogheader, .caption {<br />/* edit the blog dates */<br />font:bold 15px arial;<br />color:#BF307F;<br />background-color:#ffffff;<br />text-align: left;<br />padding-left:3px;<br />letter-spacing:3px;<br />border:0px;<br />}<br />table.blogbody{<br />/* edits your blog or entry space */<br />border:4px solid #BF307F;<br />border-width: 4px 4px 4px 4px;<br />padding-bottom:0px;<br />background-color:ffffff;<br />}<br />.blogbody td{<br />width: 0px;<br />text-align:left;<br />background-color:ffffff;<br />}<br />table.blogbody div.smalltext{<br />/* edits bottom links to blog */<br />text-align: right;<br />padding-bottom: 1px;<br />}<br />hr {<br />color: #BF307F;<br />}<br />input, select, textarea, .textfield, .button{<br />/* this edits buttons, drop down menus etc. */<br />border: 1px solid #000000;<br />font:normal 10px verdana;<br />background-color: #ffffff;<br />letter-spacing:0px;<br />color:000000;<br />}<br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important;}<br /></style><br /><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type=text/css><br />/* remove regular modules */<br />texttable.left, td.mainleft, table.left, table.search{display:none}<br />table.blogbody tr td {width:0px; padding: 10px;}<br /><br />/* edit to your liking */<br />table.module { border: 1px solid #BF307F; width:160px; background-color:ffffff;}<br />table.module th { background-color: #BF307F;font: bold 11px arial; text-transform: uppercase;color: #FFFFFF; border: none;}<br />table.module td {color: #000000; 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"><br /><tr><td valign="top" width="160"><BR><BR><BR><BR><BR><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><br /><tr><th valign="top" align="left" class="module"><b>About Me</b></th></tr><br /><tr><td valign="top" class="module"> <br /><center><img src="http://img.photobucket.com/albums/v472/mooshimooshu/pinkmoo.jpg" alt="Image hosted by Photobucket.com"></center><p><br /><br /><b>name:</b> uhhhh..<br><br /><b>gender:</b> errr<br><br /><b>hobbies:</b> blah blah<br><br /><br /></td></tr></table><br><br /><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Subscriptions</b></th></tr><tr><td valign="top" class="module"> <br /><br /><!-- Add your subscriptions here --><br /><br /><a href="http://www.xanga.com/SOMEONE">someone</a><br><br /><a href="http://www.xanga.com/SOMEONE2">someone 2</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="left" class="module"><b>Bloggies</b></th></tr><tr><td valign="top" class="module"> <br /><br /><!-- Add your blogrings here --><br /><br /><a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</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="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module"> <br /><br />La la la =]<br /><br /></td></tr></table><br><br /><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 -->

Any and all help is appreciated!

Thanks

[talcumpowder]

Your blogbody is 500px. So is the navigation. Make it bigger.