I need help with my layout., I need help with the link coding... Options

[theerinkal]

I need help with the coding of the links.

I am trying to get only one link on a line.

Like This One.

This Is My Coding for my layout:

CODE

body{background:#fff url('http://img182.imageshack.us/img182/7577/bodybg2in2.png') repeat-y;text-align: normal;margin: 00px 0 00px 0}

div,body{font: 9px georgia;color: #969593;line-height: 11px;}

ul{list-style-type:circle;color:000;line-height: 12px;}

#content{position:absolute;width:750px;left:165px;top:480px;z-index:1;}

#side1{position:absolute;width:156px;left:2px;top:480px;z-index:2;}

#side2{position:absolute;width:164px;left:922px;top:479px;z-index:2;}

#content h1{background-color: pink;letter-spacing: 0px;font-family: arial black;font-size: 9px;color:hotpink;font-weight: normal;padding-top: 4px;padding-bottom: 4px;margin-bottom:6px;margin-top:0px;padding-right:6px;text-align: right;text-transform: uppercase;border-bottom: 1px dotted #9ca892;}

#content a:hover{text-decoration: none;color: purple;font-weight:none;letter-spacing:0px}

#content a:link,a:active{text-decoration: none;color: #000;font-weight:none;letter-spacing:0px;}

#content a:visited{text-decoration: none;color: #000;font-weight:none;letter-spacing:0px;}

#side1 h3{background-color: hotpink;letter-spacing: 0px;font-family: arial black;font-size: 9px;color:pink;font-weight: normal;padding-top: 4px;padding-bottom: 4px;margin-bottom:6px;margin-top:0px;padding-right:6px;text-align: right;text-transform: uppercase;border-bottom: 1px dotted #9ca892;}

#side1 a:hover{text-transform : none;border-bottom: 1px dotted #000000;color: purple;font-weight:none;letter-spacing:0px;}

#side1 a:link,a:visited,a:active{text-decoration: none; text-transform : none;color: #000;font-weight:none;letter-spacing:0px; line-height: 11px;background:brown;}

#side2 h3{background-color: #dfe0df;letter-spacing: 0px;font-family: arial black;font-size: 9px;color:p;font-weight: normal;padding-top: 4px;padding-bottom: 4px;margin-bottom:6px;margin-top:0px;padding-right:6px;text-align: right;text-transform: uppercase;border-bottom: 1px dotted #9ca892;}

#side2 a:hover{text-decoration: underline; text-transform : none;border-bottom: 1px dotted #000000;color: purple;font-weight:none;letter-spacing:0px;}

#side2 a:link,a:visited,a:active{text-decoration: none; text-transform : none;color: #000;border-bottom: 1px dotted #000000;font-weight:none;letter-spacing:0px;}

That is the coding I have. I don't know what I should change. Ask me if you need all of the code inclueding the text.

[Smarmosaur]

all she (or he) did was place all of her navigation in a DIV, then styled it with CSS.

CODE

#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#c4689d;
font-size:10px;
font-family:arial;
line-height:15px;
display:block;
text-align: left;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
background-color: #f3f3f3;
color: #cd1a55;
font-style: normal;
padding: 0px 0px 2px 2px;
border-left: 3px solid #f16c98;
}
#navi a:hover, #navi a:focus {
color:#765183;
cursor: default;
text-align: right;
text-decoration: none;
font-style: none;
padding-right: 3px;
background: #e5cff0 url();
border-left: 3px solid #9f78ad;
}

CODE

<h4>Menu</h4>

<div id="navi">
<a href="#">Home</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a></div>
<div id="navi2">
<a href="#">Link</a></div>
<p>

DO NOT TAKE THAT CODING! I just posted it (and probably shouldn't have) for an example. don't copy and paste, don't type it letter from letter. take that bit of codes as an example and do it yourself.