View Full Version : Lining up Left & Blog modules


sally_the_torn
11-22-2006, 10:03 PM
Click here to see what I'm talking about. (http://xanga.com/chloroformtest28)

I provided the link to the tester I'm working with above so you can see the problem for yourself. The left module and the right blog module won't line up. I've tried taking the navigation module above it out but it doens't change the fact that the tops of both modules won't line up. There's a space above the right one for some reason.

The code for the layout is too long to post in this message but I'll post it in another after this one....

[See next post, please.]

sally_the_torn
11-22-2006, 10:06 PM
Layout 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 #4EE2EC;">
<a href=http://www.xanga.com/private/home.aspx>Yours</a>
<font color=F9B7FF>&hearts;</font> <a href=http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAMEHERE>+ Me</a>
<font color=F9B7FF>&hearts;</font> <a href=http://www.xanga.com/chloroformxx>Chlo</a>
<font color=F9B7FF>&hearts;</font> <a href=http://edit.xanga.com/claf.aspx>L & F</a>
<font color=F9B7FF>&hearts;</font> <a href=http://www.xanga.com/logout.aspx>Leave</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; }


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

div.blogheader, .caption
{/*dates*/
font:12px georgia;
font-size:12px;
color:ffffff;
width:150px;
background-image:url(http://img149.imageshack.us/img149/5587/lightningwv6.gif);
weight: none;
text-transform:lowercase;
font-weight:none;
line-height:15px;
letter-spacing:-1px;
text-align:center;
BORDER-left: solid 3px #4EE2EC;
BORDER-right: solid 3px #4EE2EC;
BORDER-bottom: solid 0px #4EE2EC;
BORDER-top: solid 3px #4EE2EC;}


table.left
{/*left module*/
border:3px solid #4EE2EC;
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 #4EE2EC;
border-top: 0px solid #4EE2EC;
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 #4EE2EC;
color:ffffff;
border-top:0px solid #4EE2EC;}




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>

I took some stuff out because there were too many characters to post. But I left most of the code there.

Could I add/change something to get rid of that space?

sally_the_torn
11-22-2006, 10:43 PM
NEVERMIND!! Fixed it. =]
To anyone who has this problem in the future - on your L & F page, manually hide your search bar. If you only use a code then you'll get that nasty space.
Toodles!