Help - Search - Members - Calendar
Full Version: My Modules Will NOT Line Up
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
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 wink.gif
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.
dance.gif

Topic Closed
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.