My Modules Will NOT Line Up, Here is the layout code and link to xanga. I cant get the module.... Options

[sally_the_torn]

PLEASE! HELP!
as you can see by this layout (to view it go to www.xanga.com/poetic_acid) the modules are NOT lined up at the top. Can anyone help? It would be much appreciated.

Layout Code:

CODE

<CENTER><div style="height:17;
width:308;
overflow:auto;
background-color: 000000;
background-image:url(http://img149.imageshack.us/img149/5587/lightningwv6.gif);
background-repeat:repeat;
background-position:top left;
font:7px small fonts;
color:#ffffff;
text-transform:uppercase;
border: 3px solid #43C6DB;">
<a href=http://www.xanga.com/private/home.aspx>Yours</a>
<font color=FEC954>♥</font> <a href=http://www.xanga.com/Private/SubscribeTo.aspx?user=chloroformxx>+ Me</a>
<font color=FEC954>♥</font> <a href=http://www.xanga.com/chloroformxx>Chlo</a>
<font color=FEC954>♥</font> <a href=http://edit.xanga.com/claf.aspx>L & F</a>
<font color=FEC954>♥</font> <a href=http://www.xanga.com>Home</a>
</div></CENTER>
<CENTER>
<style type="text/css">/*jock and die from chloroform*/
body {      
scrollbar-arrow-color:ffffff;      
scrollbar-track-color:000000;      
scrollbar-shadow-color:000000;      
scrollbar-face-color:000000;      
scrollbar-highlight-color:000000;      
scrollbar-darkshadow-color:000000;      
scrollbar-3dlight-color:000000;      
background-color:000000;      
background-image:url();      
background-position:bottom left;      
background-attachment:fixed;      
background-repeat:no-repeat;}
.left, .blogbody, table.footer,
.standard,
.leftmodulefontcolor, td, p

{ /*main text*/      
font:normal 7px small fonts;      
line-height:10px;      
color:ffffff;      
text-transform:uppercase;    
letter-spacing:0px; }

.blogbody b,
.standard b, p b, strong
{/*bold text*/
font:bold 10px georgia;
color:FEC954;
letter-spacing: 0px;
text-transform:none;}

table.left i, .blogbody i, .standard i, a:link i, a:visited i, .footernav.link i, a.footernav:link i, a.footernav:active i, p i, em
{/*italic text*/    
font-weight: none;    
font-family:georgia;    
color:ffffff;    
font-size:10px;    
text-transform:none;    
font-transform:none;    
line-height:10px;}

.blogbody u, p u, u
{/*underlined text*/    
font-weight: underlined;    
border-bottom:dashed 2px #43C6DB;    
color:ffffff;    
font-family:small fonts;    
font-weight:none;    
font-size:7px;    
text-transform:uppercase;    
line-height:10px;    
letter-spacing:0px;}

table.footer TD
{text-align: center;    
display:none;}  

div.blogheader, .caption  
{/*dates*/
font:italic 12pt century gothic;
font-size:12pt;
color:FEC954;
width:150px;
weight: none;
text-transform:lowercase;
font-weight:none;
line-height:15px;
letter-spacing:-1px;
text-align:center;}      

a:link, .footernav.link, a.footernav:link, a.footernav:active
{ /*links*/  
color:ffffff;    
font:normal 7px small fonts;  
line-height:10px;    
text-transform: uppercase;  
text-decoration: none;    
letter-spacing:0px;}  

a:visited, a.footernav:visited,  
{ /*visited*/    
color:ffffff;    
font:normal 7px small fonts;  
line-height:10px;    
text-transform: uppercase;  
text-decoration: none;    
letter-spacing:0px;}

a:hover
{ /*hover*/  
color:43BFC7;    
font:normal 7px small fonts;  
line-height:10px;  
text-transform:uppercase;  
text-decoration:none;    
letter-spacing:0px;  
font-weight:normal;  
background-color:transparent;  
border: 0px solid #43C6DB;  
background-image: url();   }  

input, select, textarea, .textfield, .button
{ /*buttons, textareas, etc */  
border: 2px solid #43C6DB;  
color:ffffff;  
font:normal 7px small fonts;  
line-height:8px;  
text-transform:uppercase;  
text-decoration: none;  
letter-spacing:0px;  
text-align:left;  
background-color:#FEC954;  
background-image:url();
scrollbararrow color:ffffff;      
scrollbartrack-color:FEC954;      
scrollbar-shadow-color:FEC954;      
scrollbar-face-color:FEC954;      
scrollbar-highlight-color:FEC954;      
scrollbar-darkshadow-color:FEC954;      
scrollbar-3dlight-color:FEC954;  }

table.left
{/*left module*/  
border:3px solid #43C6DB;  
background-color:#000000;  
background-image:url(http://img149.imageshack.us/img149/5587/lightningwv6.gif);
background-repeat:repeat;
background-position:top left;
width:150px;}  



table.blogbody
{ /*blog entry*/  
border: 3px solid #43C6DB;    
background-image: url(http://img149.imageshack.us/img149/5587/lightningwv6.gif);
background-repeat:repeat;
background-position:top left;
background-color:000000;    
width:150px;  }  



table.left th {
/* left mod title */
  background-image: url(http://img149.imageshack.us/img149/5587/lightningwv6.gif);
  background-repeat: repeat;
  font: 7px small fonts;
  color: #ffffff;
  border: none;
  background-color: #000000;
BORDER-left: none;
BORDER-right: none;
BORDER-bottom: none;
BORDER-top: none;}



table.left TD {
/* left mod body */
background-image: url(http://img149.imageshack.us/img149/5587/lightningwv6.gif);
background-repeat:repeat;
background-position:bottom right;
background-color: 000000;
border:0px solid #43C6DB;
color:ffffff;
border-top:0px solid #43C6DB;}




table.search TD, table.search, table.announcements
{ /*announcements*/  background-color:transparent;    border: none;    }

table.search TD, table.announcements TH
{ /*announcements*/   border: none;   font:none;}

table.navigation, table.main, table.footer {/*navigation*/width: 150px   }

hr {/*hides h divider*/{display:none}</style></CENTER>

<style type="text/css">  table.navigation,  {display: none;}</style>
<style>table.footer {display: none;} </style>
<STYLE type=text/css>
table.search, #SearchBar1_pnlYouAreHere, table.navigation, {display: none;}
</STYLE>

<style>
div.blogheader {
display: none;}
</style>

[jumpropeforheart]

???

it seems to be working fine.

[sally_the_torn]

if you look at the top of the modules, you can see that they DONT line up...
let me make a screenie and circle what im talking about...

[*digital.fragrance*]

Try adding this at the very end of your code.

CODE

<div style="margin-left:0px; margin-top: -10px;
overflow:auto;">

You might have to play around with the margin numbers, but that div layer controls the positioning of your blog entries.

Oh, in case you were wondering... the space that is above your blog is where teh search bar used to be, so that's why it wasn't lining up

[sally_the_torn]

omg thank you!! i didnt need that code you just gave...it WAS the search engine..i set it to hidden and now it works..thank you so much!

[*digital.fragrance*]

Great! I suppose I can close this now.


Topic Closed