Log In · Register

 
Layout Help Please
cliffdesu
post Oct 18 2008, 11:40 PM
Post #1


Newbie
*

Group: Member
Posts: 4
Joined: Jun 2007
Member No: 540,169
Hello,
I would like some help with my Xanga Layout.

Currently, there are two columns present:
Left side: Profile, Navigation and such

Right side: The blog itself


The Problem: It looks as if it's all One Big Table. Left column and Right column are joined together, no separation at all.

What I would like: Two separate columns. Completely separate. Where i would be able to see the background a little.

Here is a Link to my Xanga. Please View > Source to see my codes.
Here is a Link to a SIMILAR idea of what I would like.

CODE
<style type="text/css">#reviewseventsnav {display: none;} #profEmail, #profEmail1 {display: none;} </style><script language="javascript" src="http://s.xanga.com/scripts/jssec.js"></script><link href="http://s.xanga.com/css/xanga-nonthemed.css?1" type="text/css" rel="stylesheet" /><script language="javascript" src="http://s.xanga.com/scripts/hovpanel.js"></script></head><body id="page-site-main"><span><style type="text/css">
table.footer, table.search, #rblEprops, hr {display: none;}


body

{scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #402000;
scrollbar-highlight-color: #402000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff;
background-color: #666666;
background-image: url("http://i2.photobucket.com/albums/y29/Cliff_m/BackgroundPalm.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;


overflow-x: hidden;
font-family: Arial;
font-size:8pt;
font-color: #000;
line-height:150%;
text-align: justify;
}


center, font
{font-family: arial;
font-size: 11px;
font-color: #666666;
line-height: 12px;}

table.left
{background-color: transparent;
border:0px;
text-align: justify;}

table.blogbody
{background-color: transparent;
border-top: 0px solid #402000;
border-left: 0px solid #402000;
border-right: 0px solid #402000;
border-bottom: 0px solid #402000;
width: 100%;
width:465px;
text-align: center;}

table.left TD
{background-color: transparent;
color: #402000;
border: 0px;
text-align:center;}


div.blogheader, .caption
{background-color: #000000;
line-height:18px;
font-family:Script MT Bold;
font-size:16px;
font-weight:bold;
text-align:center;
color:white;
letter-spacing:1px;
padding-top:1px;
padding-bottom:0px;
border-top: 0px dotted #402000;
border-left: 0px solid #402000;
border-right: 0px solid #402000;
border-bottom: 0px dotted #402000;
width: 465px;}

.blogbody
{border-top: 1px solid transparent;
color: #666666;
background-color: #transparent;}

.blogbody td
{width: 0px;
padding-left: 0px}

input, select, menu, #htmleditor, textarea, .textfield, .button
{border: 1px solid #402000;
font-family:arial;
font-size:8pt;
font-color: #666666;
background-color: transparent;
text-align: center;}


.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext


{font-family: arial;
font-size: x-small;
color: #666666;
text-align:justify;}

strong
{color: #402000;
letter-spacing: 0pt;
cursor:CROSSHAIR;}

A:link
{font-family:arial;
text-decoration:none;
font-size: x-small;
color: #402000;}

A:visited
{text-decoration:none;
font-family:arial;
font-size: x-small;
color:#402000;}

A:active
{font-size:8pt;
color: #402000;
text-decoration:none;


.search, .searchbarborder, .footer, hr, banner
{ display: none; }

.navigation
{ display: none;
font-weight: none !important;
width: 100% !important;
font-size: 10px;}

.navigation * div
{ display: none;
float: right;
font-weight: none !important}
</style>




<br>
<div style="width: 700px; border: 1px solid #000000; background-color: #FFFFFF;">
<div style="border: 1px solid #FFFFFF;"></div>








<!--TITLES-->

<style type"=text/css>

U
{font-family: arial;
color: #402000;
font-size:8pt;
border-bottom: 1px dotted #000000; text-decoration: none;
font-weight:normal;
letter-spacing:0px;
font-size: 8pt;}

P
{font-family:arial;
color: #402000;
font-size: 8pt;
text-align: justify;}

B, strong
{font-family:arial;
font-weight: bold;
color: #666666;
font-size: 11px;
letter-spacing:1px;}

i, em
{font-family:georgia;
color: #402000;
letter-spacing:none;}

texttable.left, td.mainleft, table.left, table.navigation, table.search
{display:none}

table.blogbody tr td
{width:0px;
padding: 0px;}

table.module
{border: 0px solid #402000;
width:200px;
background-color: transparent; }

table.module th
{font: bold 10pt arial;
letter-spacing: 0px;
text-align: justify;
color: #666666;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #402000;
border-left: 0px solid;
border-right: 0px solid;}

table.module td
{background-color: transparent;
border-top: 1px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;;}



select
{color:white;
background-color:#402000;
font-family:arial;
font-size:10px;
font-weight:bold;}

a:hover {color:"#9FCF70"; cursor:crosshair; text-decoration:none; font-weight:bold;}
</style>


Thank you for your time.
Reason for edit: Added the layout code. - Cristy
 

Posts in this topic
cliffdesu   Layout Help Please   Oct 18 2008, 11:40 PM
technicolour   Moved to Xanga Support   Oct 19 2008, 12:21 AM
cliffdesu   bump. anyone?? ):   Oct 27 2008, 10:00 AM
emberfly   Did you try removing this? CODE<div style=...   Nov 23 2008, 09:47 PM

« Next Oldest · Xanga Resolved Topics · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic