Navigation Help, Navigation Box Won't Show Up Options

[XoxHeavenleexoX]

I am currently coding my first Xanga skin, and I just have one problem. I am putting the navigation links in myself, but not with mapping. It's just links. I used a code for this from a tutorial, but when I added the code to the bottom of the rest of all my coding, it showed up in the blog and if I add it to the top, when you first load the page, you can see it for a second, but then it's like the image covers it up or something. If you would like to see my coding or you can help me, please let me know, it would be greatly appreciated! Thankyou soo much! ^__^

[queen]

yah we can't really do anything if there's no code for us to fix ;x

[XoxHeavenleexoX]

Here is the code:

<div style="position:absolute; margin-left: 1px;margin-top: 175px;border: 0px solid #COLOR CODE; width: 200px; height:500px;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>


<center><script type='text/javascript'>
document.title = ('My Xanga Version: Ashlee Simpson');
</script>
<img src="http://img80.exs.cx/img80/9624/Untitled-19.png"  style="position:absolute; top:0; left:0" border=0>

<div style="width: 0px;
BACKGROUND-COLOR:none;
border: none;
height: 01%;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position:static; margin-top: -457px">
<DIV style="position: absolute; top:180px; left:280px;" id="scroll4"
style="width:438;height:341;
filter:alpha(opacity=100);
overflow:auto">

<style type="text/css">
body {
background: #ffffff url() fixed;
scrollbar-arrow-color: #ccff33;
scrollbar-base-color: #FD67BC;
scrollbar-darkshadow-color: #FD67BC;
scrollbar-track-color: cc66ff;
scrollbar-face-color: #FD67BC;
scrollbar-shadow-color: #fd67bc;
scrollbar-highlight-color: #ffffff;
scrollbar-3d-light-color: #ffffff;
cursor: col-resize;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, body, {
/* edits main text */
font:normal 11px verdana;
color:#000000;
text-align:justify;
}
.blogbody b, .standard b, p b, i, strong {
/* edits bolded text in your entry */
font-weight:bold;
color:#FFFF66;
}
table.footer TD
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
}
table.footer TD {display:none;width:0px; padding: 0px;}
}
div.blogheader, .caption {
/* edits the dates */
background-color:ff3399;
border: 1px dashed #ffff99;
font-family:terminal;
font-size:8px;
font-weight:normal;
line-height:8px;
line-spacing:3px;
color:#ccff33;
text-align: center;
width:400px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#C40ADA;
line-height:10px;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#C40ADA;
line-height:10px;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
border: 1px solid #E0CC87;
background-color:#000000;
color: #E0CC87;
cursor: crosshair;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
}
table.left {
/* this edits the menu module */
}
table.left {display:none;width:0px; padding: 0px;}
}
table.blogbody {
/* this edits the other the place where the  blog is */
border: 1px solid #E0CC87;
width:400px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
}
table.left th {display:none;width:0px; padding: 0px;}
}
table.left TD {
/* on your menu module, this edits the body part of it */
}
table.left TD {display:none;width:0px; padding: 0px;}
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color:#transparent;
color:#FF80C0;
border: none;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
}
table.search TD, {display:none;width:0px; padding: 0px;}
}
table.navigation, table.main, table.footer{
/* the width of your blog with modules */
}
table.navigation,table.footer {display:none;width:0px; padding: 0px;}
}
hr {
/* horizontal divider */
border: 0px solid #FFFF66;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 2px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: center;
}
</style>
</center>

[queen]

so i'm assuming you want the navigation on the left of the blog, right?

you'll just need to fix up the div coordinates. here's a hint: start from the top, when it's in the place you want, go to the next one, after that continue to the next one. the blog should be the last div you edit<<< very important. you seem to be doing fine, though.. just fix your coordinates. start out estimating, finalize them when they're close enough to where you want them to be. btw, in this case, some of your variables will be negative (margin-left: -10px; or something). id do them for you, but then you wouldn't learn anything ;p

[XoxHeavenleexoX]

Thankyou soo much! I've been working on the coordinates a lot. Now I got it to show up, but no matter what I change them to, it wont move.. you said that the blog coordinates were the ones I should do last? Hmm.. Maybe if I change those?

[XoxHeavenleexoX]

OMG! Thankyou soo much! I got it to start working, well almost, all I needed to do was make negative coordinates, thankyou thankyou!

[queen]

you're using 800x600 res. right?

edit: i changed my mind.. i realized that your image has to be done first otherwise it'll cover up your navigation. so do them in order: image, navigation, blog. and remember, once you finalize a div, do not go back to it... otherwise your divs would continue to be misaligned.

[shortvi3tlaydee]

just to say: please do not double post