Help...., Css navigation placement Options

[Tweeti]

Ok, i'm working on recoding my existing layout and i can't figure this out. http://myspace.com/ashleytestlayout is what i'm working on now and it has the navigation under the box, i want the links (home, add, and ect.) next to each other not all underneath each other. I want them to be lined up under the box, if that makes any sence. please help, i can't figure this out. Thanks :)

[Insurmountable]

Change your about me code to this:

CODE

<span class="text"><p><style>
body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
.navigationbar {display:none;}
.a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline !important;}

body {background-color:000000;cursor:crosshair;
a:hover { cursor:crosshair;}

background-repeat:repeat;
background-attachment:scroll;
background-position:top left;
scrollbar-face-color:ffffff;
scrollbar-track-color:ffffff;
scrollbar-arrow-color:b58845;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;}

.about {
background-color:transparent;
border-top:0px solid;
border-right:0px solid;
border-left:0px solid;
border-bottom:0px solid;
border-color:000000;
width:427px;
height:320px;
position:absolute;
overflow:auto;
top:230px;
left:385px;
font-family:microsoft sans serif;
color:b58845;
text-align:left;
font-size:11px;
line-height:11px;
text-decoration:none;
font-weight:normal;
letter-spacing:0px;
scrollbar-face-color:647A19;
scrollbar-arrow-color:b58845;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19);}

a.nava, a.nava:link, a.nava:active, a.nava:visited
{width:200%px;
margin:0px;
margin-top:0px;
margin-bottom:0px;
padding-right:0px;
padding-left:0px;
background:transparent;
font-family:arial;
font-size:12px;
font-weight:bold;
color: white;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
text-align:;
}

a.nava:hover
{width:100%px;
font-family:arial;
font-size:12px;
font-weight: bold;
a:link, a:visited {color: ffffff;}
a:hover, a:active {color: b588454;}
color: b58845;
letter-spacing: 3px;
text-decoration:none;
text-transform:uppercase;
cursor:crosshair;}

a.navc, a.navc:link, a.navc:active, a.navc:visited
{width:200%px;
margin:0px;
margin-top:0px;
margin-bottom:0px;
padding-right:0px;
padding-left:0px;
display:inline;
background:transparent;
font-family:arial;
font-size:11px;
font-weight: normal;
color: FFFFFF;
letter-spacing: 0px;
text-decoration: none;
text-transform: lowercase;}

a.navc:hover
{width:200%px;
display:inline;
background:transparent;
font-family:arial;
font-size:11px;
font-weight:normal;
color: FFFFFF;
letter-spacing: 0px;
text-decoration: none;
text-transform:lowercase;
cursor:crosshair;}

.copy {
top:100px;
left:20px;
position:absolute;
overflow:auto;
height:40px;
width:300px;
font-family:arial;
font-size:9px;
color:ffffff;}

.nav
{height:76px;
width:430px;
top:560px;
left:410px;
position:absolute;
overflow:auto;
}

h1 {font-family:arial black;
font-size:25px;
letter-spacing:0px;
line-height:15px;
text-transform:uppercase;
text-decoration:none;
display:inline;
color:666666;
text-decoration:none;}


.layout
{height:589px;
width:800px;
top:100px;
left:294px;
position:absolute;
overflow:auto;}


a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {color: FFFFFF; }
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover { color: b58845;}
</style></style>

Should work//
http://www.myspace.com/52379974

Anything else you would like changed?

[Tweeti]

Change your about me code to this:

CODE

<span class="text"><p><style>
body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
.navigationbar {display:none;}
.a {hide top search and shortcuts bar}
div table div form {display:none !important}
.bodyContent div td div div select {margin-top:-1000px;}
.bodyContent div div select {width:0px !important;}
.bodyContent table table div form {display:inline !important;}

body {background-color:000000;cursor:crosshair;
a:hover { cursor:crosshair;}

background-repeat:repeat;
background-attachment:scroll;
background-position:top left;
scrollbar-face-color:ffffff;
scrollbar-track-color:ffffff;
scrollbar-arrow-color:b58845;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;}

.about {
background-color:transparent;
border-top:0px solid;
border-right:0px solid;
border-left:0px solid;
border-bottom:0px solid;
border-color:000000;
width:427px;
height:320px;
position:absolute;
overflow:auto;
top:230px;
left:385px;
font-family:microsoft sans serif;
color:b58845;
text-align:left;
font-size:11px;
line-height:11px;
text-decoration:none;
font-weight:normal;
letter-spacing:0px;
scrollbar-face-color:647A19;
scrollbar-arrow-color:b58845;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19);}

a.nava, a.nava:link, a.nava:active, a.nava:visited
{width:200%px;
margin:0px;
margin-top:0px;
margin-bottom:0px;
padding-right:0px;
padding-left:0px;
background:transparent;
font-family:arial;
font-size:12px;
font-weight:bold;
color: white;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
text-align:;
}

a.nava:hover
{width:100%px;
font-family:arial;
font-size:12px;
font-weight: bold;
a:link, a:visited {color: ffffff;}
a:hover, a:active {color: b588454;}
color: b58845;
letter-spacing: 3px;
text-decoration:none;
text-transform:uppercase;
cursor:crosshair;}

a.navc, a.navc:link, a.navc:active, a.navc:visited
{width:200%px;
margin:0px;
margin-top:0px;
margin-bottom:0px;
padding-right:0px;
padding-left:0px;
display:inline;
background:transparent;
font-family:arial;
font-size:11px;
font-weight: normal;
color: FFFFFF;
letter-spacing: 0px;
text-decoration: none;
text-transform: lowercase;}

a.navc:hover
{width:200%px;
display:inline;
background:transparent;
font-family:arial;
font-size:11px;
font-weight:normal;
color: FFFFFF;
letter-spacing: 0px;
text-decoration: none;
text-transform:lowercase;
cursor:crosshair;}

.copy {
top:100px;
left:20px;
position:absolute;
overflow:auto;
height:40px;
width:300px;
font-family:arial;
font-size:9px;
color:ffffff;}

.nav
{height:76px;
width:430px;
top:560px;
left:410px;
position:absolute;
overflow:auto;
}

h1 {font-family:arial black;
font-size:25px;
letter-spacing:0px;
line-height:15px;
text-transform:uppercase;
text-decoration:none;
display:inline;
color:666666;
text-decoration:none;}


.layout
{height:589px;
width:800px;
top:100px;
left:294px;
position:absolute;
overflow:auto;}


a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {color: FFFFFF; }
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover { color: b58845;}
</style></style>

Should work//
http://www.myspace.com/52379974

Anything else you would like changed?

*jumps up and down* thank you sooo much!