Help with layout ! Options

[stallons]

Please help me with my layout I am making, and I can't figure out what is wroung.

As you can see here the two things go to geather my postes and my nav. I have tried every thing and I can't get it to work.
Please Help.

Oh and here is the code if it is any help:

CODE

<img src="http://i20.photobucket.com/albums/b208/stallons/new123456.jpg">

<div style="
overflow: auto;
width: 575px;
height: 420px;
margin-top: -450px;
margin-left: 170px;">

<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">
/*Beamstract*/
/*by Nick Stallons*/
body {
background-image:url;
scrollbar-base-color: #696969;
scrollbar-face-color: #838b83;
scrollbar-track-color: #2f4f4f;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #9c9c9c;
scrollbar-shadow-color: #838b83;
scrollbar-darkshadow-color: #000000;}

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

table.blogbody {
width:555px;
font-family: Verdana;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Verdana;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #0e1621;
text-transform: lowercaps;
margin-top: 10px;
}

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

<div style="position:static; margin-left: 20px;margin-top: 450px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

<table border="0" width=100>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
<b>Name:</b>: ----<br>
<b>Age:</b>: 15<br>
<b>Birthday:</b>: Jan 10<br>
<b>Hobbies:</b>: Girls, Videogames, Computers, Chating on Aim/MSN, Free Running, Swimming, Running, BMX, Driving, Working, Girls, Watching Movies, Hanging With Friends,Listing to Music, Hunting, and spending time with my family.<br>
<b>Expertise</b>:Photoshop, 3ds Max, Computers, Video Games, Python, and Terragen.<br>


<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=stallons">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=stallons">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=stallons" 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>
</tr>
<td colspan=2>
<b class=nav>Links</b>
<tr>
<td colspan=2><br>
<a href="http://www.Kinkymedia.net">Kinkymedia.net</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>

</table>
</div>
<div align="center" class="blogspace">

[*digital.fragrance*]

It's that first div layer - there aren't any ending tags (</div>)

[stallons]

It's that first div layer - there aren't any ending tags (</div>)

Could you place it in there for me I can't seem to get it in the right palce?

[talcumpowder]

If you're wondering what I did, I got rid of a couple useless lines of code, moved your navigation and blog divs... Oh, and you position the navigation first. Always. Then you can position the blog div where you want it to be. But since the navigation needs to come first, you need to position it first. Remember that.

CODE

<img src="http://i20.photobucket.com/albums/b208/stallons/new123456.jpg">

<div style="position:static; margin-left: 20px;margin-top: 450px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

<table border="0" width=100>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
<b>Name:</b>: ----<br>
<b>Age:</b>: 15<br>
<b>Birthday:</b>: Jan 10<br>
<b>Hobbies:</b>: Girls, Videogames, Computers, Chating on Aim/MSN, Free Running, Swimming, Running, BMX, Driving, Working, Girls, Watching Movies, Hanging With Friends,Listing to Music, Hunting, and spending time with my family.<br>
<b>Expertise</b>:Photoshop, 3ds Max, Computers, Video Games, Python, and Terragen.<br>


<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=stallons">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=stallons">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=stallons" 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>
</tr>
<td colspan=2>
<b class=nav>Links</b>
<tr>
<td colspan=2><br>
<a href="http://www.Kinkymedia.net">Kinkymedia.net</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>

</table>
</div>

<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">
/*Beamstract*/
/*by Nick Stallons*/
body {
background-image:url;
scrollbar-base-color: #696969;
scrollbar-face-color: #838b83;
scrollbar-track-color: #2f4f4f;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #9c9c9c;
scrollbar-shadow-color: #838b83;
scrollbar-darkshadow-color: #000000;}

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

table.blogbody {
width:555px;
font-family: Verdana;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Verdana;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #0e1621;
text-transform: lowercaps;
margin-top: 10px;
}

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

<div style="overflow: auto; width: 575px; height: 420px; margin-top: -450px; margin-left: 170px;">

[stallons]

Thanks for the help, but I inputed that code and it is still messed up.
Man I fell so dumb.

Site

[*digital.fragrance*]

It is working - but you have to play with the "margin-left" and "margin-top" numbers to position them correctly. Once you do that, it should look fine. Bad thing is, it requires trial and error to finally get them right. Just be patient ;)

[stallons]

I'm sorry for all the questions but I got it were it need to be but I can't seem to move it the nav over any the only time the nave will move is if I move the blog.

Sorry once again,
stallons

[*digital.fragrance*]

Try that - I made the nagivation margin-top number smaller and edited the other margin-top number for the blog. It won't be perfect, but it should get you moving in the right direction.

CODE

<img src="http://i20.photobucket.com/albums/b208/stallons/new123456.jpg">

<div style="position:static; margin-left: 20px;margin-top: 0px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

<table border="0" width=100>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
<b>Name:</b>: ----<br>
<b>Age:</b>: 15<br>
<b>Birthday:</b>: Jan 10<br>
<b>Hobbies:</b>: Girls, Videogames, Computers, Chating on Aim/MSN, Free Running, Swimming, Running, BMX, Driving, Working, Girls, Watching Movies, Hanging With Friends,Listing to Music, Hunting, and spending time with my family.<br>
<b>Expertise</b>:Photoshop, 3ds Max, Computers, Video Games, Python, and Terragen.<br>


<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=stallons">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=stallons">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=stallons" 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>
</tr>
<td colspan=2>
<b class=nav>Links</b>
<tr>
<td colspan=2><br>
<a href="http://www.Kinkymedia.net">Kinkymedia.net</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>

</table>
</div>

<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">
/*Beamstract*/
/*by Nick Stallons*/
body {
background-image:url;
scrollbar-base-color: #696969;
scrollbar-face-color: #838b83;
scrollbar-track-color: #2f4f4f;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #9c9c9c;
scrollbar-shadow-color: #838b83;
scrollbar-darkshadow-color: #000000;}

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

table.blogbody {
width:555px;
font-family: Verdana;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Verdana;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #0e1621;
text-transform: lowercaps;
margin-top: 10px;
}

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

<div style="overflow: auto; width: 575px; height: 420px; margin-top: -450px; margin-left: 170px;">

[stallons]

OK I moved the blog into the right spot but the nav seems to still move only with the blog.

Thanks for sticking with me on this its greatly appreciated.

[talcumpowder]

Question: You are only editing the margin of the blog, correct? This section:

CODE

<div style="overflow: auto; width: 575px; height: 420px; margin-top: -450px; margin-left: 170px;">

Because if you're editing the other section, it would move both... But if you're just editing that particular section, it should only move the blog.

[stallons]

CODE

<div style="position:static; margin-left: -100px;margin-top: -450px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

I was editing that to move the nav but it still will not move no matter what I do and I already have the blog were it needs to be.

[talcumpowder]

Um... Did you not read my post? It was a bit rambly, but still!

Oh, and you position the navigation first. Always. Then you can position the blog div where you want it to be. But since the navigation needs to come first, you need to position it first. Remember that.

[stallons]

OMG Thank you so much, I fell so dumb thanks again to the both of you. I just have on small question how do I get the scroll bar moved over next to my words?

You guys have made me want to make many more of these layouts I love it, it is so fun.

[*digital.fragrance*]

CODE

<div style="overflow: auto; width: 555px; height: 420px; margin-top: -450px; margin-left: 170px;">

In your last div layer ^ make your width smaller (I went ahead and did it)

[stallons]

Sorry I mean the scroll bar for the nav.

Man you guys are life savers.

[*digital.fragrance*]

In you navigation div layer, try this:

CODE

<div style="position:static; margin-left: 20px;margin-top: 0px;border: 0px solid #FFFFFF CODE; width: 200px; height: 420px;background: none; overflow: auto">

you might have to edit the width a little more - I just estimated.

[stallons]

It's done you guys are the bomb man thanks so much.

[talcumpowder]

This is what we do. Same way [ro baskball players are good at what they do. Please PM any of the design-type staff to get this reopened if you need to.
-> Topic Closed.