About navigation bar Options

[Nina-Williams]

I made a DIV, and in the one box I wanna put my navigation, but it appears vertical while I want it horizontal and I didn't used any <br>.
What shall I do?

[Nina-Williams]

CODE

<style type="text/css">
.friendSpace {display:none;}
.friendsComments {display:none;}
.contactTable {display: none;}
.extendedNetwork {display:none;}
.latestBlogEntry {display:none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
</style>



<style>


<style>div[id="googlebar"],
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}</style>
table tr td div div{display:none;}
</style>
<style type="text/css">body table div font a, body table div div {visibility:hidden;}


</style>

<STYLE TYPE="text/css">
body {
background-image:url(""); background-attachment: fixed; background-repeat: repeat; background-position: center; background-color:

1B0045; scrollbar-arrow-color: 3F2566; scrollbar-face-color: 1B0045; scrollbar-3dlight-color: 1B0045; scrollbar-darkshadow-color: 1B0045;

scrollbar-shadow-color: 1B0045; scrollbar-highlight-color: 1B0045; scrollbar-track-color: 1B0045;
}</style>



<style>body table {margin-top:-40000px;} 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:1B0045;}
a:link, a:active, a:visited {display:block; background:transparent; font-family:monotype corsiva; font-size:7px; font-weight: normal;

color:D8C1F4;

letter-spacing: 0px; text-decoration: none; text-transform: uppercase; text-align:left; line-height:9px; }
a:hover {color:2d482d; background-color:71aa71; letter-spacing:+2px;cursor:crosshair; text-decoration:none; text-align:center;}
h1 {font-family:monotype corsiva; font-size:7px; color:FFFFFF; letter-spacing:+5px; line-height:8px; border-bottom:1px solid;

border-color:31006D;

text-transform:uppercase; font-weight:normal; text-decoration:none; display:block; text-align:center;}
b { font-family:monotype corsiva; font-size:7px; color:FFFFFF; letter-spacing:0px; line-height:7px; border-bottom:1px solid black;

text-transform:uppercase; font-weight:bold; text-decoration:none; display:inline;}
.content {width:332px; height:164px; position:absolute; overflow:auto; color:white; top:220px; left:450px; font-family:monotype corsiva;



scrollbar-arrow-color:purple; scrollbar-track-color:3F2566; scrollbar-shadow-color:3F2566; scrollbar-highlight-color:3F2566;

scrollbar-3dlight-color:3F2566; scrollbar-darkshadow-color:3F2566; filter:chroma(color=3F2566);}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}
.layout {top:90px; left:0px; position:absolute;} </style>





















<style type="text/css">td,td td,td td td,td td td td{text-align:center}</style>
<style>
.sidebar {
position: absolute;
width: 115px;
height: 263px;
line-height: 15px;
overflow: auto;
font-size: 12px;
color: ffffff;
top: 420px;
left: 50%;
margin-left: 110px;

}


a.nav, a.nav:link, a.nav:visited, a.nav:active {color: ffffff; padding: 0px 0px; font-weight: normal; font-size: 12px; text-transform: none; text-align: left; text-decoration: none;}
a.nav:hover {color: FFFFFF; background-color: C194FF; text-decoration: none; border-bottom: 1px solid; border-color: black;
}
</style>

CODE

<div class="layout">
<IMG SRC="http://img360.imageshack.us/img360/6232/27628aa1ez4.jpg"
USEMAP="#Glow" WIDTH=860 HEIGHT=590 BORDER=0>



</div>



















<div class="content">
<h1>Info 1</h1>
<img src="http://img164.imageshack.us/img164/4199/avvieversusyp0.jpg" style="float:left"> Blah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah

<h1>Info 2</h1>


Blah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah
</div>




<div class="sidebar">





<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM4MTQ2NjcwMg==" alt="Comment" class="nav">Comment.</a>

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

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zODE0NjY3MDI=" alt="Pictures"class="nav">Pictures.</a>


<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzgxNDY2NzAy"alt="Blog"class="nav">Blog.</a>


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







</div>

There it is! Just if you noticed, the navigation bar is vertical, while I want it horizontal...

[Nina-Williams]

Oh, thank you so much!
I wanna hug you, XD.

[fixtatik]

if you need the links to be a specific width and height, you can always use the display:inline-block; attribute, as well.