Navigation down the side?

[seanu92]

I need help with putting the navigation buttons down the side. So far my code looks like.

<table>
<tr>
<td>
<p style="margin:0px"
<div id="topnav">
<a href="index.htm"><img src="images/bindex.gif" style="border:none" /></a>  
<a href="Services.htm"><img src="images/bsevices.gif" style="border:none" /></a> 
<a href="Systems.htm"><img src="images/bsystems.gif" style="border:none" /></a> </p>
<a href="gallery.htm"><img src="images/bgallery.gif" style="border:none" /></a>  
<a href="contactus.htm"><img src="images/bcontactus.gif" style="border:none" /></a> 
</td>

This is how i was told but its not working.

My CSS looks like this

body {font-family: "Verdana", "Arial", "Helvetica", sans-serif}
hr {color: green; background-color: green; height: 3px; clear: left}
h1 {font-size: 26px}
h2 {font-size: 20px}

a:hover {color: blue}

table {border-style: outset; border-color: gray; border-width: 2px}
td {border-style: solid; border-color: gray; border-width: 1px}
dl, p, li {font-size: 13px}
dt {font-weight: bold}


#copy {position: absolute; top: 103px; left: 580px; }

Sorry for the trouble

[sde]

it really helps when you post to make it clear on what you expect the code to be doing, and what it is actually doing.

i notice your opening <p> tag is not complete also. Put the closing bracket on it.

here's another way to approach it ... i'm going to put the css inline so it's easier to follow as an example. putting it in a separate style sheet like you have it a better practice though.

<div id="left_column" style="float: left; width: 150"> <div>link 1</div> <div>link 2</div> </div> <div id="main_column" style="float: left;">
  main content
</div>

[seanu92]

I got it my CSS sheet was wrong Anyway thanks for your help.



Also does anyone know a free HTML nav button maker?

[DJMaze]

HTML:
<button>prev</button> <button>next</button>

If you ment image nav button maker.... i don't