Spacing words??? Options

[anzbex]

Can someone please help me out here? I am doing a nav & for some reason my links are overlapping.How do i space the words?

Here is my code so far

CODE

<style>
table table div form {display:inline !important;}
.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;
height:0px;
!important;
visibility:hidden}
td td td td {border:0px;
width:0px;
text-align:left;}
table, td, tr {padding:0px;
width:;
background-color:transparent}
table table table {padding:1px;
height:.01%;
width:100%;}
table table, table table table table, table, tr, td {height:0px;
!important;
border:0px;
!important}
a.text, table div font a, table div div, .navbar font, tr td font {visibility:hidden;
display:none;
height:0px;
!important;}
td.text table table {display:inline;
visibility:visible;}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
table div div {visibility:hidden;
!important;}
table table table table, table table table table td.text, td.text td.text table {display:none;}
body div div form {display:none !important;}
td td embed, td td embed, td td object {position:absolute;
top:0px;
right:0px;
width:45px;}
div div div select {position:absolute !important;
left:0px !important;
display:none !important;}
div div table div {display:none;}
div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent;
background-image:none!important;}
div.profileWidth div {filter:alpha(opacity=0);
opacity:0.0001}
div.profileWidth div.clearfix, i i i, div.profileWidth div div {filter:none;
opacity:0.9999}
div.profileWidth div.clearfix {position:relative;
top:30px}
div div select, div div form {display:none !important;}
</style>

<style>
body {
background-image: url(http://i38.tinypic.com/1071ano.jpg);
background-repeat: repeat;
}

.div {
position: absolute;
left: 50%;
margin-left:-632px;
top: 90px;
z-index: 0;
}
.nav {
position:absolute;
left:50%;
margin-left:-577px;
top:180px;
z-index:5;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:ffffff;
text-decoration: none;
}
a.nav:link, a:active, a.visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
color:FFFFFF;
text-decoration: none;
}
a.nav:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: FFFFFF;
display: block;
background-color: 0094AC;
text-decoration: none;
}
</style>


<div class="div"> <img src="http://i37.tinypic.com/2m2b42h.jpg" /></div>


<div><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav">Home</a></div>

<div><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFhY" class="nav">Message</a></div>

[schizo]

You can try adding padding or margins to the navigation and see what that does. If that doesn't work, would you mind posting a link to what this looks like so we can see it?

[anzbex]

Thanks for the suggestion but unfortunately they didn't work.

Here is the link....hope this helps

[schizo]

Ooooh, I see the problem. Don't put each link in another div unless it's given a different class and positioning. The end of your code should look like this:

CODE

<div class=nav><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav">Home</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
FnZSZmcmllbmRJRD1YWFhYWFhY" class="nav">Message</a></div>

[anzbex]

I tried that & when i put that code in the nav links disappear. I took out the class="nav" at the end & the link stays but i get the default link style.OMG this is driving me mad!!! Check out the link again.

[anzbex]

Yes thank you. Sorry forgot to pop back in here.

[schizo]

Topic closed and moved to resolved.