Side Navigation using the Default NaV..., I want to Put my Default Nav on the Left of my Profile on the Side.. Options

[Jghelfi]

soo... as you see the TOPIC says that i want to put my Nav on the Side, but I want it to be VERTICAL!

heres what i have in my ABOUT:

CODE

<style>{scrollbarontheleft}body {direction:rtl;}table {direction:ltr;}</style>

<style>
table.interestsAndDetails {display:none;}
.userProfileDetail {display:none;}
.userProfileCompany {display:none;}
.userProfileSchool {display:none;}
.userProfileURL {display:;}
</style>

<style>.extendednetwork {display:none;}</style>
<style>{movesBLOGENTRYdown}
.latestblogentry { Margin-Top:30; }
</style>

<style type="text/css">
.cb {wolfreak_99.createblog.com}
.userprofileurl strong {display:none;}
.userprofileurl td {background-color:transparent;}
.userprofileurl td div {position:absolute; left:450px; top:180px; font-size:17pt;}
.profileInfo a img {margin-top:10px;}
</style>


<style type="text/css">{textINtheCOMMENTSsection}
.friendsComments .blacktext10 {
     color: white;
     font-family: 'Arno Pro', sans-serif;
     font-size: 10pt;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 2pt;
     background-color: black;
     display: block;
     padding: 5px;
}
</style>

<style>{modifysTHEcolorOFcomments}
body table tr table tr td.text table tr td.text table tr td table tr td { font-size: 14px; font-family:arial; color:white;}
</style>


<style>{removesSHORTCUTSandSEARCH}
div div select, div div form {display:none !important;}
select { filter:alpha(opacity=0); opacity:0.0; }
</style>

<style>{removesBOTTOMlinks}
a.text, table div div {visibility:hidden;}
tr {background-color:transparent}
</style>

<style>{changesCOLORtoMAINsections}
.blurbs td.text {background-color:black;}
.blurbs td.text .orangetext15 {color:red;}
.blurbs td .orangetext15 {color:White;}
.friendSpace .orangetext15 {background-color:black; display:block; padding:3px; color:White;}
.friendSpace table {background-color:transparent;}
.friendsComments td {background-color:black;}
.friendsComments .orangetext15 {color:red;}
.redtext {color:white;}
.friendsComments td b {background-color:black; display:block; color:white;}
.friendsComments td td td {background-color:black;}
</style>

<br />
<style>{hidesTHEbackgroundOFinterests}td td{background-color:transparent;border:0px;border-color:ffffff;}.whitetext12{color:FFFFFF;}</style>
<style>.interestsanddetails{border:0px;}.contacttable{border:0px;}.userprofiledetail{border:0px;}</style>


<p>
Hey my name is jonathan ghelfi, Hi! how are you doin'?
well i currently live in West Covina, CA. My Hometown is Pico Rivera, CA. I grew Up In "PICO" since i was like 5yrs old. well i really love my House Right now.. IT LOOKS FANNCY! i have a lot Of Friends (talking REALLY WORKS). I am a 8th Grader @ Trawekk Middle School. my Fave color is: BLUE (since 6yrs old). i was shy in my last years in school but i guess i just Out Grew my SHYNESS in school by getting a lot of Friends and Talking A LOT..
I have 2 Brothers,8Yrs old Gio,15yrs old: Mark<br />
<br />
<u>Xbox Live:</u><br />
"XBOX LIVE GAMERTAG: <u>xXdaCONDEMENED1,</u>

<br>

<br>
<br>
<b><font color="red">My Calender:</font></b><br>
06/07 - 06/11   |   Grad WEEK   |   6:00 a.m.

<style>{blueBANNERintoPIConTOPofPROFILE}
div td {
background-color: transparent;
background-image: url('');
background-attachment:;
background-repeat: repeat;
background-position:center-center;
}
</style>

<br>
<br>
<div style="text-align: center; width: 100%; height: 100%;"><form action="/index.cfm?fuseaction=user.viewProfile_commentForm&amp;friendID=230178055" method="post"><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /><textarea name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox" style="width: 300px; height: 100px; color: #000000; font-size: 14px; font-family: Verdana; text-align: left; background-color: #FFFFFF; background-image: url(''); border-color: black; border-width: 2px; border-style: solid;">* I DO NOT ALLOW CHAIN LETTERS! IF YOU POST A CHAIN LETTER TO ME THEN I WILL DELETE IT OR MARK IT AS "SPAM"</textarea><br /><input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="Take it!" style="color: #000000; font-size: 12px; background-color: #FFFFFF; border-color: black; border-width: 1px; border-style: solid;"></form></div>

<style>
.a {hides about and meet labels only}
.blurbs td td .orangetext15 {display:none;}
</style>

and i dont have anything in my LIKE TO MEET section..

any HELP would be taken with great consideration...

[heyo-captain-jac...]

Looking like this:
ADD
MSG
BLK
DEL

or all the letters vertical.

Reason for edit: There's no need to quote the OP, especially since it's so long..

[Jghelfi]

ALL the LETTERS VERTICAL...

[Jghelfi]

COMEON PEOPLE!

I NEED YOUR HELP!
PLEASE!!

I NEED IT!!..

[Smarmosaur]

uhm, all the letters vertical. like this, right?:
h
o
m
e

a
d
d


i'm totally confused...

[heyo-captain-jac...]

Or with the letters sideways?

You need images if thats the case.

[Smarmosaur]

well, not necessarily. you would just have to use line breaks and make each letter a link, like this.

CODE

<a href="link">H</a><br>
<a href="link">o</a><br>
<a href="link">m</a><br>
<a href="link">e</a>

if you wanted them next to each other, you will probably want to use a table.

CODE

<table>
<tr>
<td><a href="link">H</a></td>
<td><a href="link">A</a></td>
<td><a href="link">B</a></td>
<td><a href="link">D</a></td>
</tr>
<tr>
<td><a href="link">o</a></td>
<td><a href="link">d</a></td>
<td><a href="link">l</a></td>
<td><a href="link">e</a></td>
</tr>
<tr>
<td><a href="link">m</a></td>
<td><a href="link">d</a></td>
<td><a href="link">c</a></td>
<td><a href="link">l</a></td>
</tr>
<tr>
<td><a href="link">e</a></td>
<td><a href="link"></a></td>
<td><a href="link">k</a></td>
<td><a href="link"></a></td>
</tr>
</table>

and so on.

ALTHOUGH. your safest bet would be an image map.

[heyo-captain-jac...]

No i meant the letters would be on their sides, you would need images for that.

Reason for edit: Double-posts merged. - Cristy

[Smarmosaur]

...uhh, wha? i'm confused!

[Jghelfi]

WHOA!
YOu lost
me there w/
Your Hip-
Young Lingo
Son!

but, i want them in VERTICAL TEXT so that way they will go down the LEFT SIDE OF MY PROFILE...

well, not necessarily. you would just have to use line breaks and make each letter a link, like this.

CODE

<a href="link">H</a><BR><BR><a href="link">o</a><BR><BR><a href="link">m</a><BR><BR><a href="link">e</a>

if you wanted them next to each other, you will probably want to use a table.

CODE

<table><BR><tr><BR><td><a href="link">H</a></td><BR><td><a href="link">A</a></td><BR><td><a href="link">B</a></td><BR><td><a href="link">D</a></td><BR></tr><BR><tr><BR><td><a href="link">o</a></td><BR><td><a href="link">d</a></td><BR><td><a href="link">l</a></td><BR><td><a href="link">e</a></td><BR></tr><BR><tr><BR><td><a href="link">m</a></td><BR><td><a href="link">d</a></td><BR><td><a href="link">c</a></td><BR><td><a href="link">l</a></td><BR></tr><BR><tr><BR><td><a href="link">e</a></td><BR><td><a href="link"></a></td><BR><td><a href="link">k</a></td><BR><td><a href="link"></a></td><BR></tr><BR></table>

and so on.

ALTHOUGH. your safest bet would be an image map.

[Smarmosaur]

ugh, i'm so confused!
just go with making images, it'll save us all a lot of trouble.

[Jghelfi]

**NEVERMIND YOU GUYS!**


I just did By myself! look this is what i Put..

CODE

<table>
<a href="http://home.myspace.com/index.cfm?fuseaction=user">H<br>O<br>M<br>E<br></a>
</table>

I JUST NEED TO PUT THE OTHER LINKS THAT I WANT aND I NEED TO PUT IT TO THE LEFT OF MY PROFILE!

can you help me with that part??(moving it to the left)

[Smarmosaur]

yeah...that's pretty much what i said before, but your version doesn't link every letter individually, whereas mine did, but rather all as one.
put it in a DIV and position it through CSS, which you should know how to do...

CODE

<style>
#name{
margin-top: #px;
margin-left: #px;}
</style>

<div id="name"><a href="link">H<br>o<br>m<br>e</a></div>

now, do you want the vertical links NEXT to each other, or one right under another, like:

H
o
m
e

A
d
d

[Jghelfi]

yeah...that's pretty much what i said before, but your version doesn't link every letter individually, whereas mine did, but rather all as one.
put it in a DIV and position it through CSS, which you should know how to do...

CODE

<style>
#name{
margin-top: #px;
margin-left: #px;}
</style>

<div id="name"><a href="link">H<br>o<br>m<br>e</a></div>

now, do you want the vertical links NEXT to each other, or one right under another, like:

H
o
m
e

A
d
d

ITS NOT WORKING FOR ME!!

[Smarmosaur]

what do you mean it's not working?

what does/doesn't it do?
you did edit the CSS correctly, right?

it would also help if you gave us a link!

[Jghelfi]

Just make The Whole Code for Me...PLEASE!...

Heres the code i did...(its the Navigation)

CODE

<table><a href="http://home.myspace.com/index.cfm?fuseaction=user">H<br>O<br>M<br>E<br></a>
<br>_<br>
<br><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=230178055&MyToken=28eaf24e-1e81-4c8b-88f6-026b51e72579">M<br>E<br>S<br>S<br>A<br>G<br>E<br></a>
<br>_<br>
<br><a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=230178055">A<br>D<br>D<br></a>
<br>_<br>
<br><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=230178055">B<br>L<br>O<br>G<br>S<br></a>
<br>_<br>
<br><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=230178055">C<br>O<br>M<br>M<br>E<br>N<br>T<br></a>
<br>_<br>
<br><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=230178055">V<br>I<br>E<br>W<br> <br>C<br>O<br>M<br>M<br>E<br>N<br>T<br>S<br></a>
</table>

This post has been edited by Da1nonlyjon: May 27 2008, 08:39 PM

[Smarmosaur]

OK, you need to tell me if you want the links like this...

H
o
m
e

A
d
d


or, something like this.

H A
o d
m d
e
and, your link and friendID. also, what links you want and in what order...
THEN i can give you a complete code.

[Smarmosaur]

^true, but noticed in the code he last gave us, he used the table code...

[Jghelfi]

Well the code Also Worked in DIV form...

..I already told YOU BEFORE!

I said that i want it in this form..

H
O
M
E

And i already did that part.. and plus the code that i posted.. It has everything that you are asking..(Links and the way i want it

[Smarmosaur]

ugh.
i KNOW you want it like that.
if you look, there's a DIFFERENCE.

one looks like this.
H
o
m
e


and another looks like this.
H A
o d
m d
e


but since you're not going to pay attention and answer my specific questions and give us a link, i'll just do the whole thing for you in table form.

wait. you have regular HTML links inside table tags...
i hope this is what you want. if not, actually telling me what you want might help. even though it's pretty much the same code i gave you before.

replace the top:0; with a number until you get what you want, and change 'navigation' if you want.

CODE

<div class="navigation" style="position: absolute; left:0%; top:0px; overflow: auto;">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">H<br>O<br>M<br>E</a>
<br><br><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yMzAxNzgwNTU=">M<br>E<br>S<br>S<br>A<br>G<br>E</a>
<br><br><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTIzMDE3ODA1NQ==">A<br>D<br>D</a>
<br><br><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MjMwMTc4MDU1">B<br>L<br>O<br>G<br>S</a>
<br><br><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTIzMDE3ODA1NQ==">C<br>O<br>M<br>M<br>E<br>N<br>T</a>
<br><br><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0yMzAxNzgwNTU=">V<br>I<br>E<br>W<br><br>C<br>O<br>M<br>M<br>E<br>N<br>T<br>S</a>

</div>

Reason for edit: Something was wrong with your code (so I fixed it) hope you don't mind. :)