How to Create a Navigation Bar ?!

[wise_kathy]

Hey guys,

I am now configuring my osc shops and now i have come to one question:

How can i create a navigation bar like this:

http://shops.oscommerce.com/directory/goto,25203

 

If you know, please explain. Thanks a lot.

 

Rachal

[lindsayanng]

looking at the page source, it looks like they just used a table and some images with links. You just make the table the siz eand length you want it, add the images (which are the red with text in it) and link them to the correct filename.

 

this is what their source looks like

<tr><td height=3></td></tr>
 <tr><td colspan=2><a href=http://excelldirect.com/index.php><img src=images/b01.gif height=33 border=0></a><a href=http://excelldirect.com/products_new.php><img src=images/b02.gif height=33 border=0></a><a href=http://excelldirect.com/account.php><img src=images/b03.gif height=33 border=0></a><a href=http://excelldirect.com/shopping_cart.php><img src=images/b04.gif height=33 border=0></a><a href=http://excelldirect.com/checkout_shipping.php><img src=images/b05.gif height=33 border=0></a></td></tr>
 <tr><td height=3></td></tr>
</table>

[wise_kathy]

looking at the page source, it looks like they just used a table and some images with links. You just make the table the siz eand length you want it, add the images (which are the red with text in it) and link them to the correct filename.

 

this is what their source looks like

<tr><td height=3></td></tr>
 <tr><td colspan=2><a href=http://excelldirect.com/index.php><img src=images/b01.gif height=33 border=0></a><a href=http://excelldirect.com/products_new.php><img src=images/b02.gif height=33 border=0></a><a href=http://excelldirect.com/account.php><img src=images/b03.gif height=33 border=0></a><a href=http://excelldirect.com/shopping_cart.php><img src=images/b04.gif height=33 border=0></a><a href=http://excelldirect.com/checkout_shipping.php><img src=images/b05.gif height=33 border=0></a></td></tr>
 <tr><td height=3></td></tr>
</table>

 

======================================================================

Hey,

Thanks for your help. But the problem is that how can i create a table, put an image on it, and then link the images to the filenames? Beg your pardon, i am not very good at codes thing.

 

Thanks. If you can give me the details codes and the filenames that need to be edited, that would be wonderful.

 

Appreciate your help.

 

Rachal

[shayrgob]

<table align="center">

<tr>

<td><a href> </a>

<td><a href> </a>

</tr>

 

</table>

 

that would yield 2 cells in the navigation bar....all you have to do is add images in the <td> tags.....sorry I'm a bit lazy right now so I don't wanna go through it all.