my xanga skin, tried to make my own skin .. Options

[squeex3]

i tried making my own xanga skin .. [i followed a tutorial i found] .. but it didn't come out right ..

can someone help me fix it ? this is my xanga ..

i wanted the blog to go in the big gap between the pics going down the side but it didn't come out very well ..

.. and here's the code if its any help ..

CODE

<img src="http://i1.tinypic.com/o781us.jpg">

<div style="
overflow: auto;
width: 450px;
height: 300px;
margin-top: 75px;
margin-left: 300px;">

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


<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:http://i1.tinypic.com/o781us.jpg;
background-repeat: repeat-y-x;
background-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #888888;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:450px;
font-family: tahoma;
font-weight: none;
font-size: 10pt;
color: #ffffff;
text-align: justify;
padding: 0px;
margin-top: 2px;
}

.caption, .blogheader {
width: 450px;
padding: 3px;
font-family: tahoma;
font-size: 14pt;
text-align: center;
color: #ffffff;
background-color: transp;
text-transform: lowercaps;
margin-top: 10px;
}

div.smalltext{
width: 450px;
padding: 3px;
text-align: left;
}

P, B, I, TD, TH
{font-family: tahoma; color: #ffffff; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ffffff; text-decoration:underline; font-size:8pt;}
a:hover
{text-decoration: strike; color:#ffffff; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
</style>


<div style="position:static; margin-left: 300px;margin-top: 400px;border: 2px double #ffffff; width: 450px; height: 290px;background: none; overflow: auto">
<table border="0" width=100%><tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
<tr><td colspan=2><br>
<b class="nav">Navigation</b><br>
<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/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGAUSER">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=YOURXANGAUSER">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
</table>
</div>
<div align="center" class="blogspace">

help would be appreciated!

[Kenado]

Well my first question is; is the modules that contain subs, and links suppose to be on top of your blogs? And when messing around the <div> tags here's something that's fairly easy to understand.
For the margins the smaller the numbers (negative numbers work too) the closer it is to the left/top. The bigger the numbers the farther away it is from the left/top. And if that doesn't help I could always fix the coding up for you.

[YourSuperior]

Okay, you had a lot of stuff you didn't need in the stylesheet. There is a div at the bottom of your stylesheet. Use it to move your xanga blog space up or down. Use margin-top to move it up. Like Ken said, use negative numbers.

HTML

<img src="http://i1.tinypic.com/o781us.jpg">

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

<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:http://i1.tinypic.com/o781us.jpg;
background-repeat: repeat-y-x;
background-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #888888;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:450px;
font-family: tahoma;
font-weight: none;
font-size: 10pt;
color: #ffffff;
text-align: justify;
padding: 0px;
}

.caption, .blogheader {
width: 450px;
padding: 3px;
font-family: tahoma;
font-size: 14pt;
text-align: center;
color: #ffffff;
background-color: transp;
text-transform: lowercaps;
}

div.smalltext{
width: 450px;
padding: 3px;
text-align: left;
}

P, B, I, TD, TH
{font-family: tahoma; color: #ffffff; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ffffff; text-decoration:underline; font-size:8pt;}
a:hover
{text-decoration: strike; color:#ffffff; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
}
</style>


<div style="position:static; margin-left: 300px;margin-top: -100px;border: 2px double #ffffff; width: 450px; height: 290px;background: none; overflow: auto">
<table border="0" width=100%><tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
<tr><td colspan=2><br>
<b class="nav">Navigation</b><br>
<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/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGAUSER">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=YOURXANGAUSER">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
</table>
</div>

<div style="
overflow-x: hidden;
width: 450px;
height: 300px;
margin-top: -10px;
margin-left: ###px;">

[squeex3]

Well my first question is; is the modules that contain subs, and links suppose to be on top of your blogs? And when messing around the <div> tags here's something that's fairly easy to understand.
For the margins the smaller the numbers (negative numbers work too) the closer it is to the left/top. The bigger the numbers the farther away it is from the left/top. And if that doesn't help I could always fix the coding up for you.

could you fix it ? that would great if you could .. thank you! (and in answer to your question , i would prefer it if the links etc were below the actual blog)

[wastons]

OOOOO

[Kenado]

^Please do not spam. Anyways I'll get to it as soon as possible since I just saw your post.
---------
Edit, hereyou go.

CODE

<img src="http://i1.tinypic.com/o781us.jpg">



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


<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:http://i1.tinypic.com/o781us.jpg;
background-repeat: repeat-y-x;
background-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #888888;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:450px;
font-family: tahoma;
font-weight: none;
font-size: 10pt;
color: #ffffff;
text-align: justify;
padding: 0px;
margin-top: 2px;
}

.caption, .blogheader {
width: 450px;
padding: 3px;
font-family: tahoma;
font-size: 14pt;
text-align: center;
color: #ffffff;
background-color: transp;
text-transform: lowercaps;
margin-top: 10px;
}

div.smalltext{
width: 450px;
padding: 3px;
text-align: left;
}

P, B, I, TD, TH
{font-family: tahoma; color: #ffffff; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ffffff; text-decoration:underline; font-size:8pt;}
a:hover
{text-decoration: strike; color:#ffffff; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
</style>


<div style="position:absolute; margin-left: 0px;margin-top: -200px;border: 2px double #ffffff; width: 450px; height: 200px;background: none; overflow: auto">
<table border="0" width=100%><tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
<tr><td colspan=2><br>
<b class="nav">Navigation</b><br>
<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/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGAUSER">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=YOURXANGAUSER">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
</table>
</div>

<div style="postion: absolute;
overflow: auto;
width: 500px;
height: 300px;
margin-top: -500px;
margin-left: 0px;">

[squeex3]

Thank yooou!

[Kenado]

You're welcome.
Topic Closed.