Navigation problem Options

[Nina-Williams]

I have create my links for my navigation.But I want them horizontal,while now they are vertical.What should I do?

[twodreamlovers]

code and screenshot please

[Nina-Williams]

Here a screenshot:

http://img221.imageshack.us/img221/2157/rgemk0.png

I want the navigation bar to be horizontal and under my display picture.

[twodreamlovers]

code please. and it is horizontal.

[Nina-Williams]

INFO




<style>
.navigationBar{display:none;}
<style>

<style>
body table td div form {display:none !important;}
</style>


<style>body div table tbody tr td font {visibility:hidden;}
body table div table tbody tr td font {visibility:visible;}</style>


<style>.interestsAndDetails .whitetext12{display: none;}</style>




<Style>div table, div td {height:XXpx;}
</style>



<style>
table.profileInfo tr td.text
{visibility:hidden;}
table.profileInfo tr td
{visibility:hidden;}
table.profileInfo tr td.text a
{visibility:hidden;}
table.profileInfo tr td.text img
{visibility:visible;}
.nametext
{visibility:visible;}
</style>

<style type="text/css">
.navbar{visibility:visible;}
div td font {visibility:hidden;}
</style>



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


<style>.interestsanddetails{display:none;}</style>



<style type="text/css">
{script by evee}
.profileInfo {display: inline !important; position: relative !important; bottom: -65px; left: 65px;}
</style>


<style>
.friendscomments table img, .friendscomments table tr td br
{width:250px !important;}
</style>





<style>
.nametext{color:purple; font-family:century gothic;text-decoration: none;
font-size: 20pt;font-weight:;letter-spacing:-1pt;border: none;
line-height:18pt;background-color:none;text-transform: none; }
</style>

<style>
.profileInfo td td.text {font-size:10px; visibility:hidden;}
.profileInfo td.text a img {visibility:none;}
.friendsComments .ImgOnlineNow,.profileInfo td.text div img {visibility:none;}
</style>



</style>

<style>div table div div select {position:absolute !important; top:-200px !important; left:0px !important; }</style>

<style>
.a {hide top search and shortcuts bar}
select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}
</style>


<style>td.text table, td.text td.text{background-color:transparent;}</style>

<style>.orangetext15 {display:none}</style>


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


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


<style type="text/css">
.contactTable {display: none;}
</style><br />


<style type="text/css">
.extendedNetwork .blacktext12 {display:none; }
</style>


<style type="text/css">

.FriendSpace .orangetext15, .FriendsComments .orangetext15 {display:none;}</style>


<style>.blogContentInfo {display:none}</style>


<style>
.profileInfo td td {visibility:hidden;}
.profileInfo td td.text {visibility:visible;}
.profileInfo td.text a img {visibility:visible;}
.profileInfo .ImgOnlineNow {visibility:visible;}
</style>


<style>
table table table table table table a {visibility:hidden;}
table table table table table table a img {visibility:visible;}
</style>


<style>
.a {hide top search and shortcuts bar}
select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}
</style>


<style>
.friendsComments {display:none;}
</style>


<style type="text/css">
.ImgOnlineNow{display:none;}
</style>


<style type="text/css">
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>

<style>td td td td {vertical-align:top !important;}
td td td td.text div {margin-bottom:-400px;}</style>


<style type="text/css">
body { background-color: transparent; border: none; border-width: 0px; }
body { background-image: url(http://img238.imageshack.us/img238/1184/booj25bt6.jpg);
}
</style>

[twodreamlovers]

you need to edit the XX for div table, div td height.

CODE

div table, div td {height:XXpx;}

i edited the .nametext part.

CODE

.nametext {color:purple; font-family:century gothic; text-decoration:none; font-size:20pt; font-weight:normal; letter-spacing:-1pt; border:0px; line-height:18pt; background-color:transparent; text-transform:none;}

some of your codes are repeating for hiding search bar. try this code. http://www.createblog.com/scripts/script.php?id=1104

it's missing a semicolon so remember to edit that.

CODE

.blogContentInfo {display:none}

it should be 3px not just 3

CODE

td.text td.text table table td {padding:3;}

edit the last part of code to this

CODE

<style type="text/css">
body{
background-color:ffffff;
border:0px;
background-image:url(http://img238.imageshack.us/img238/1184/booj25bt6.jpg);
background-attachment:fixed;
background-repeat:repeat;
background-position:top left;
}
</style>

and can you give me the set of codes that includes the image and the links?

[Nina-Williams]

Thank you so much.
Yes,there are links,here:


<a
href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMzNjE3NTI0OSZN
VRva2VuPWVkZDE5ZjdmLWNiMTAtNDc5Mi1hYmNjLTE3MWY1NTc4MDQ4OQ=="
class="nav1"><center><font color='purple'><font face="Tahoma"><u><small>Comment.</small></u></center></font></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMzYxNzUyNDkmTXlUb2tlbj00Mjk3OGIxMy1mYjgxLTQ0M2UtYjZmMi04YjQwY
ZlNGQ0ZDY=" class="nav1"><font color='purple'><font face="Tahoma"><center><small><u>Message.</u></small></center></font></a><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzM2MTc1MjQ5"
class="nav1"><font color='purple'><font face="Tahoma"><center><small><u>Blog.</center></u></small></font></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav1"><font color='purple'><center><small><font face="Tahoma"><u>Home.</u></center></u></small></font></a>

[twodreamlovers]

in the previous code, you didn't specify the class nav1 so try adding this code

CODE

<style type="text/css">
.nav1{
color:purple;
font-family:tahoma;
font-size:11px;
text-decoration:underline;
}
</style>

and i edited the code you gave me

CODE

<center><a
href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMzNjE3NTI0OSZN
VRva2VuPWVkZDE5ZjdmLWNiMTAtNDc5Mi1hYmNjLTE3MWY1NTc4MDQ4OQ=="
class="nav1">Comment.</a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMzYxNzUyNDkmTXlUb2tlbj00Mjk3OGIxMy1mYjgxLTQ0M2UtYjZmMi04YjQwY
ZlNGQ0ZDY=" class="nav1">Message.</a><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzM2MTc1MjQ5"
class="nav1">Blog.</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav1">Home.</a></center>

usually when you want to have something right below an image you just do this

CODE

<div style="width:200px;">
<img src="IMAGEURLHERE">
<br>
<center><a
href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMzNjE3NTI0OSZN
VRva2VuPWVkZDE5ZjdmLWNiMTAtNDc5Mi1hYmNjLTE3MWY1NTc4MDQ4OQ=="
class="nav1">Comment.</a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMzYxNzUyNDkmTXlUb2tlbj00Mjk3OGIxMy1mYjgxLTQ0M2UtYjZmMi04YjQwY
ZlNGQ0ZDY=" class="nav1">Message.</a><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzM2MTc1MjQ5"
class="nav1">Blog.</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav1">Home.</a></center>
</div>

[twodreamlovers]

oops sry, make .nav1 to a.nav1

[Nina-Williams]

Thanks,it works!
I wanted also the navigation to be under the display just like in that picture.How can i do that?

[twodreamlovers]

oh, i see. (i didn't know you meant under the profile picture) you can position it.

CODE

<div style="position:absolute; top:300px; left:100px;">
ADD LINKS HERE
</div>

you can change the numbers so that it'll look just right.

[Nina-Williams]

Thanks again,it helped so much!

[twodreamlovers]

No problem. Glad I could help. :)

[MissHygienic]

Topic closed and moved to MySpace Resolved Topics.

Message me if you have further questions about your navigation problems.