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 :)

[allvanishing]

The problem was that you put display:block; in your code. Here's what its supposed to be in this part of your code:

CODE

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;
color: 3b5650;
letter-spacing: 3px;
text-decoration:none;
text-transform:uppercase;
cursor:crosshair;}

[Tweeti]

thank you soo much!

[Tweeti]

ok... 1 more question, at http://myspace.com/ashley_linsey is my final draft... for now, but how do i change the links in the about me section to be white and then hover over the tan color?

[pandora]

CODE

a:link, a:visited {color: #ffffff;}
a:hover, a:active {color: #ffffff;}

change the second line's color to whatever you want.

[Tweeti]

it didn't work

[Tweeti]

i put it in the about div..... here's what i have. it works every where else except in the main box on my myspace.

CODE

<p><style><BR>body table {margin-top:-50000px;}<BR>body td table, body div table {margin-top: 0;}<BR>table, tr, td {background-color:transparent;}<BR>body div table form{display:none;}<BR>body table div form{display:block;}<BR>.navigationbar {display:none;}<BR>.a {hide top search and shortcuts bar}<BR>div table div form {display:none !important}<BR>.bodyContent div td div div select {margin-top:-1000px;}<BR>.bodyContent div div select {width:0px !important;}<BR>.bodyContent table table div form {display:inline !important;}</P> <P>body {background-color:000000;cursor:crosshair;<BR>a:hover { cursor:crosshair;}</P> <P>background-repeat:repeat;<BR>background-attachment:scroll;<BR>background-position:top left;<BR>scrollbar-face-color:ffffff;<BR>scrollbar-track-color:ffffff;<BR>scrollbar-arrow-color:b58845;<BR>scrollbar-highlight-color:ffffff;<BR>scrollbar-3dlight-color:ffffff;<BR>scrollbar-shadow-color:ffffff;<BR>scrollbar-darkshadow-color:ffffff;}</P> <P>a.nava, a.nava:link, a.nava:active, a.nava:visited <BR>{width:200%px; <BR>margin:0px; <BR>margin-top:0px; <BR>margin-bottom:0px; <BR>padding-right:0px; <BR>padding-left:0px; <BR>background:transparent; <BR>font-family:arial; <BR>font-size:12px; <BR>font-weight:bold; <BR>color: white; <BR>letter-spacing: 1px; <BR>text-decoration: none;<BR>text-transform: uppercase; <BR>text-align:; <BR>}</P> <P>a.nava:hover <BR>{width:100%px; <BR>font-family:arial;<BR>font-size:12px;<BR>font-weight: bold; <BR>color: b58845; <BR>letter-spacing: 3px;<BR>text-decoration:none; <BR>text-transform:uppercase;<BR>cursor:crosshair;}</P> <P>a.navc, a.navc:link, a.navc:active, a.navc:visited <BR>{width:200%px; <BR>margin:0px; <BR>margin-top:0px; <BR>margin-bottom:0px; <BR>padding-right:0px; <BR>padding-left:0px; <BR>display:inline; <BR>background:transparent; <BR>font-family:arial; <BR>font-size:11px; <BR>font-weight: normal; <BR>color: FFFFFF; <BR>letter-spacing: 0px; <BR>text-decoration: none;<BR>text-transform: lowercase;}</P> <P>a.navc:hover <BR>{width:200%px; <BR>display:inline; <BR>background:transparent; <BR>font-family:arial; <BR>font-size:11px; <BR>font-weight:normal; <BR>color: FFFFFF; <BR>letter-spacing: 0px; <BR>text-decoration: none; <BR>text-transform:lowercase; <BR>cursor:crosshair;}</P> <P>.about <BR>{background-color:transparent;<BR>border-top:0px solid;<BR>border-right:0px solid;<BR>border-left:0px solid; <BR>border-bottom:0px solid;<BR>border-color:000000;<BR>width:427px;<BR>height:320px;<BR>position:absolute;<BR>overflow:auto;<BR>top:230px;<BR>left:385px;<BR>font-family:microsoft sans serif;<BR>color:b58845;<BR>text-align:left;<BR>font-size:11px;<BR>line-height:11px;<BR>text-decoration:none;<BR>font-weight:normal;<BR>letter-spacing:0px;<BR>a:link, a:visited {color:ffffff;}<BR>a:hover, a:active {color:b58845;}<BR>scrollbar-face-color:647A19;<BR>scrollbar-arrow-color:b58845;<BR>scrollbar-track-color:647A19;<BR>scrollbar-shadow-color:647A19;<BR>scrollbar-highlight-color:647A19;<BR>scrollbar-3dlight-color:647A19;<BR>scrollbar-darkshadow-color:647A19;<BR>filter:chroma(color=647A19);}</P> <P>.copy {<BR>top:100px;<BR>left:20px;<BR>position:absolute;<BR>overflow:auto;<BR>height:40px;<BR>width:300px;<BR>font-family:arial;<BR>font-size:9px;<BR>color:ffffff;}</P> <P>.nav <BR>{height:76px;<BR>width:430px;<BR>top:560px;<BR>left:410px;<BR>position:absolute;<BR>overflow:auto;<BR>}</P> <P>h1 {font-family:arial black;<BR>font-size:25px;<BR>letter-spacing:0px;<BR>line-height:15px;<BR>text-transform:uppercase;<BR>text-decoration:none;<BR>display:inline;<BR>color:666666;<BR>text-decoration:none;}</P> <P><BR>.layout<BR>{height:589px; <BR>width:800px; <BR>top:100px; <BR>left:294px; <BR>position:absolute;<BR>overflow:auto;}<BR></style>

//edit for some reason it but <br> all over the place. those aren't really in my code

Reason for edit: Please use codeboxes!

[Tweeti]

that's all i have in the about me section. this is in the i'd like to meet section:
(with out the <br>'s)

CODE

<BR><div class="layout"><BR><img src="<A href='http://img.photobucket.com/albums/v235/tweeti/layoutv2.png"></div'>http://img.photobucket.com/albums/v235/tweeti/layoutv2.png"></div</A>></P> <P><div class="name"><BR></div></P> <P> </P> <P><div class="nav"><a href="<A href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy</A>" class="nava">Home</a> . <a href="<A href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNjE1Mjk5MQ">http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNjE1Mjk5MQ</A>==" class="nava">Add</a> . <a href="<A href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNjE1Mjk5MQ">http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNjE1Mjk5MQ</A>==" class="nava"> Message</a> . <a href="<A href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNjE1Mjk5MQ">http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNjE1Mjk5MQ</A>==" class="nava"> Pictures</a> . <a href="<A href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE2MTUyOTkx">http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE2MTUyOTkx</A>" class="nava">Comment</a> . <a href="<A href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0xNjE1Mjk5MQ">http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0xNjE1Mjk5MQ</A>==" class="nava">Friends</a></div>2</P> <P><div class="about"><BR><BR><BR>I'm not the same person I used to be. I've changed in every way you could think of. I found God, my lord and savior. I've got a wonderful husband and two beautiful babies; Audrey (2 1/2 yrs) and Gavin (1 yr). They are my life and nothing will ever come before my family.<BR><BR></P> <P>I found my birth mom and my sister within the past 2 years. I don't talk to my birth mom much, but my sister and I have become pretty tight.<BR><BR></P> <P>I'm going back to school in the summer semister for an accounting degree. Who would have thought I would be doing accounting.<BR><BR></P> <P>I have everything I could ever dream of and I couldn't ask for more.<BR><BR></P> <P>Credits:<BR><BR>Layout made with <a href=http://www.msplinks.com/MDFodHRwOi8vY29yZWwuY29tIg== alt="Get Paint Shop Pro" target="new">Paint Shop Pro Photo X2</a><BR><BR>Picture from <a href="<A href="http://www.msplinks.com/MDFodHRwOi8vY3JlYXRlYmxvZy5jb20">http://www.msplinks.com/MDFodHRwOi8vY3JlYXRlYmxvZy5jb20</A>=" alt="The best free layouts on the net" target=neww">Create Blog</a><BR><BR>Deticated to <a href="<A href="http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vMzY4ODAyNDcx">http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vMzY4ODAyNDcx</A>" alt="My Sexy Husband" target="new2">Derek Vanderford</a><BR><BR>Special thanks to <a href=http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vdGVzc2FiZWEi alt="My Bestest Friend In The Whole World" target="new">Tessa Bea</a><BR><BR><BR></P> <P></div></P> <P><div class="copy"> <BR></div></P> <P><style>td td embed, td td object{position:absolute; left:0px; top:1px; width:1px; height:1px;}<BR>td.text embed {width:1px; height:1px;}<BR>td.text embed, td.text object {width:1px; height:1px;}</style>

[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!

[S-Majere]

Great stuff!

Topic Closed.