Help,what's wrong with my xanga skin?? Options

[wastons]

ive tried and made a xanga skin,but it just doesn't work
what's wrong??Please help me to fix it~~PLEASE

http://www.xanga.com/home.aspx?user=wastons

CODE

<div align="center">
<div style="margin-top: 10px; margin-left:1px;">
<img src="http://img155.imageshack.us/img155/9281/ot9hr.jpg" width="760" height="700">
</div>

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

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:456px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>


<style type="text/css">
body
{background-color: #FFE9C7;
background-image: url('http://img49.imageshack.us/img49/3855/back1tp.jpg');
background-repeat: repeat-y;
background-position:  center 50%;
overflow-x: hidden;
scrollbar-arrow-color: #FFE9C7;
scrollbar-track-color: #FFE9C7;
scrollbar-shadow-color: #FFE9C7;
scrollbar-face-color: #FFE9C7;
scrollbar-highlight-color: #FFE9C7;
scrollbar-darkshadow-color: #FFE9C7;
scrollbar-3dlight-color: #FFE9C7}

div.blogheader, .caption {
/*--edit the dates--*/
{background-image: url('http://img49.imageshack.us/img49/673/header22is.jpg');
background-repeat: no-repeat;
background-position: bottom;
background-position: left;
font-family:arial;
font-size:10px;
text-transform: Uppercase;
color:#A48D69;
text-align: left;
font-weight:bold;
padding-left:75px;
padding-bottom:0px;
line-height: 45px;
border-bottom: #DF0810 0px solid;


.module b, .section b, .blogbody b, .standard b, p b, strong
{font-weight: bold;
color: #A48D69;}

input, select, textarea, iframe.htmleditor, .textfield, .button
{border: 0px solid #A48D69;
font: normal 8pt arial;
color: #A48D69;
line-height: 10pt;
background-color: #A48D69;}

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

.header
{background-image: url('http://img226.imageshack.us/img226/6491/header5ur.jpg');
background-repeat: no-repeat;
font-family:arial;
font-size:12px;
text-transform: Uppercase;
color:#FFFFFF;
text-align: left;
font-weight:bold;
padding-left:0px;
padding-bottom:0px;
line-height:60px;

.module
{width:226px;
background-color: none;
border: #FFE9C7 0px solid;}

.section
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-align: left;
border: 0px solid #DF0810;
background-color: none;
padding: 5px;}

font, td, p, xmp
{color: #A48D69;
font-face: ARIAL;
font-weight: normal;
font-size: 8pt;
text-align: justify;}

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

.blogbody
{background-color: none;
font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-align: justify;
border: #A48D69 0px solid;
padding: 5px;
width: 456px;}

a:link
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:active
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:visited
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:hover
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-transform: none;
text-decoration: underline;
border-bottom: 1px solid #A48D69;
}
</style>
<div class="module" style="overflow: visible; width: 230px; margin-top: -202px; margin-left:-489px;">

<div class="header">Profile</div>
<div class="section">
<IMG src="http://img111.imageshack.us/img111/7784/hugo6ij.jpg" width="100" height="111"><br><br>
<b>Name:</b> Wastons H <br>
<b>Birthday:</b> 28th Jan <br>
<b>Gender:</b> F <br>
<b>Location:</b> Hong Kong <br>
</div><br>

<div class="header">Navigation</div>
<div class="section">
<a href="http://www.xanga.com">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/private/home.aspx">Home</a><br>
<a href="http://www.xanga.com/claf/default.asp">Look & Feel</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=wastons">Subscribe</a><br>
<a href="http://www.xanga.com/private/subs.aspx">Subscriptions</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=wastons">Guestbook</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>

</div><br>

<div class="header">Subscriptions</div>
<div class="section">


</div><br>

<div class="header">My Favourite</div>
<div class="section">
<marquee scrolldelay="200">
<img src="http://tinypic.com/96jgar.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/974i9v.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/9acxg2.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/974ih0.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/988u0y.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/988x8x.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/988xog.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/988zlt.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/989012.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/974is1.jpg" alt="Image hosted by TinyPic.com">
</marquee>

</div><br>


<script>
document.title = 'ALL ABOUT LOVE'
</script>
<body ONCONTEXTMENU="return false">

<div class="blogbody" style="overflow: visible; width:456px; margin-top: -840px; margin-left:244px;">
</div>
</div>

[*digital.fragrance*]

Okay, in your claf - there is an option to disable the search bar - disable it.

or

In your {display: none} part of your style sheet (near the top) add these:

CODE

hr, table.search, #SearchBar1_pnlYouAreHere

The last portion of yoru code - the div code:

1. Get rid of the "</div>"s at the end - you need to leave your last div tag open-ended.
2. Play with the "margin-top" and "margin-left" numbers to position your blog.

Do the same thing with the div code above all of your navigation and profile stuff - that should position things where you want.

You're not far off at all - all you need to do is work with your div layer positioning

[wastons]

thanks u soooo much
i have changed the code

CODE

<div align="center">
<div style="margin-top: 30px; margin-left:300px;">
<img src="http://img155.imageshack.us/img155/9281/ot9hr.jpg" width="760" height="700">


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

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:456px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>


<style type="text/css">
body
{background-color: #FFE9C7;
background-image: url('http://img49.imageshack.us/img49/3855/back1tp.jpg');
background-repeat: repeat-y;
background-position:  center 50%;
overflow-x: hidden;
scrollbar-arrow-color: #FFE9C7;
scrollbar-track-color: #FFE9C7;
scrollbar-shadow-color: #FFE9C7;
scrollbar-face-color: #FFE9C7;
scrollbar-highlight-color: #FFE9C7;
scrollbar-darkshadow-color: #FFE9C7;
scrollbar-3dlight-color: #FFE9C7}

div.blogheader, .caption {
/*--edit the dates--*/
{background-image: url('http://img49.imageshack.us/img49/673/header22is.jpg');
background-repeat: no-repeat;
background-position: bottom;
background-position: left;
font-family:arial;
font-size:10px;
text-transform: Uppercase;
color:#A48D69;
text-align: left;
font-weight:bold;
padding-left:75px;
padding-bottom:0px;
line-height: 45px;
border-bottom: #DF0810 0px solid;


.module b, .section b, .blogbody b, .standard b, p b, strong
{font-weight: bold;
color: #A48D69;}

input, select, textarea, iframe.htmleditor, .textfield, .button
{border: 0px solid #A48D69;
font: normal 8pt arial;
color: #A48D69;
line-height: 10pt;
background-color: #A48D69;}

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

.header
{background-image: url('http://img226.imageshack.us/img226/6491/header5ur.jpg');
background-repeat: no-repeat;
font-family:arial;
font-size:12px;
text-transform: Uppercase;
color:#FFFFFF;
text-align: left;
font-weight:bold;
padding-left:0px;
padding-bottom:0px;
line-height:60px;

.module
{width:226px;
background-color: none;
border: #FFE9C7 0px solid;}

.section
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-align: left;
border: 0px solid #DF0810;
background-color: none;
padding: 5px;}

font, td, p, xmp
{color: #A48D69;
font-face: ARIAL;
font-weight: normal;
font-size: 8pt;
text-align: justify;}

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

.blogbody
{background-color: none;
font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-align: justify;
border: #A48D69 0px solid;
padding: 5px;
width: 456px;}

a:link
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:active
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:visited
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:hover
{font: normal 8pt ARIAL;
color: #A48D69;
line-height: 10pt;
text-transform: none;
text-decoration: underline;
border-bottom: 1px solid #A48D69;
}
</style>
<!-- DO NOT EDIT NUMBERS IF YOU DON'T KNOW HTML -->

<div class="module" style="overflow: visible; width: 230px; margin-top: -202px; margin-left:-489px;">

<div class="header">Profile</div>
<div class="section">
<IMG src="http://img111.imageshack.us/img111/7784/hugo6ij.jpg" width="100" height="111"><br><br>
<b>Name:</b> Annie Hon <br>
<b>Birthday:</b> 28th Jan <br>
<b>Gender:</b> F <br>
<b>Location:</b> Hong Kong <br>
<br>

<div class="header">Navigation</div>
<div class="section">
<a href="http://www.xanga.com">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/private/home.aspx">Home</a><br>
<a href="http://www.xanga.com/claf/default.asp">Look & Feel</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=wastons">Subscribe</a><br>
<a href="http://www.xanga.com/private/subs.aspx">Subscriptions</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=wastons">Guestbook</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>

<br>

<div class="header">Subscriptions</div>
<div class="section">

<br>

<div class="header">My Favourite</div>
<div class="section">
<marquee scrolldelay="200">
<img src="http://tinypic.com/96jgar.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/974i9v.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/9acxg2.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/974ih0.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/988u0y.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/988x8x.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/988xog.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/988zlt.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/989012.jpg" alt="Image hosted by TinyPic.com">
<img src="http://tinypic.com/974is1.jpg" alt="Image hosted by TinyPic.com">
</marquee>
<br>

<div class="header">Credits</div>
<div class="section">
<a href="http://www.xanga.com/wastons">Layout Made by (C)wastons</a><br>


<script>
document.title = 'ALL ABOUT LOVE'
</script>
<body ONCONTEXTMENU="return false">

<div class="blogbody" style="overflow: visible; width:456px; margin-top: -840px; margin-left:244px;">

but the pic has shifted,why??and what's wrong with my background??

[*digital.fragrance*]

^ donnu - prob with all of the shifts of the div layers - anyway, your very first part of your code (the first div layer) moves the picture - so I'm pretty sure you could edit it likewise.

[wastons]

thanks for yr replying,but i dont know what i should do now?
do u mean that the whole code needed to be changed?
or the code cannot be used as there is a error??
if i change the no. of the first div,the moudle on the left will move too,so i really dont know what i can do.......

[*digital.fragrance*]

When you change the first div's number, let the module move. Then when you've positioned the picture where you want it, move the module's div layer.

[wastons]

yeah!!!!!
i can do it!!!!!
a big thanks!!!!!!!!!!!!
what about the space between the top pic and the blog body??

[talcumpowder]

Change this portion.

CODE

<div class="blogbody" style="overflow: visible; width:456px; margin-top: -840px; margin-left:244px;">