Hello,
I would like to add 3 spaces between each link of my menu as my menu is horizontal and not vertical. How do I do this? I tried lissa's examples as for img spacing but it didn't work for me. Is there another way? I do not want divider bars as shown in the 2nd code listed below. I know this is probably something relatively simple and I just can't get it.

Here is my code:
<!--begin tab menu-->

<div align="center">
<a href="home.html" target="bottom">Home Page</a>
<a href="faq.html" target="bottom">FAQ</a>
<a href="bcs.html" target="bottom">Samples</a>
<a href="monologo.html" target="bottom">Samples</a>
<a href="wsd1.html" target="bottom">Designs</a>
<a href="smbus.html" target="bottom">Listings</a>
<a href="stkclr.html" target="bottom">Colors</a>
<a href="pricing.html" target="bottom">Pricing</a>
<a href="payments.html" target="bottom">Payments</a>
<a href="orderform.html" target="bottom">Orders</a>
<a href="contact.html" target="bottom">Contact</a>
<a href="links.html" target="bottom">Links</a>

</div>
<!--end tab menu-->

2nd Code (divider bars not wanted):
<!--begin tab menu-->

<div align="center">
| <a href="home.html" target="bottom">Home Page</a>
| <a href="faq.html" target="bottom">FAQ</a>
| <a href="bcs.html" target="bottom">Samples</a>
| <a href="monologo.html" target="bottom">Samples</a>
| <a href="wsd1.html" target="bottom">Designs</a>
| <a href="smbus.html" target="bottom">Listings</a>
| <a href="stkclr.html" target="bottom">Colors</a>
| <a href="pricing.html" target="bottom">Pricing</a>
| <a href="payments.html" target="bottom">Payments</a>
| <a href="orderform.html" target="bottom">Orders</a>
| <a href="contact.html" target="bottom">Contact</a>
| <a href="links.html" target="bottom">Links</a>

</div>
<!--end tab menu-->

Hope this helps.
Again, thank you.

Just add this at the ned of each line after you link tags to get the three spaces:

&nbsp;&nbsp;&nbsp;

As for the the divider bars, simply delete the | at the begining of each line.

What you can do is make a little image that's the same color as your background and inset it in between each link and it won't show up as a divider, just space.

<!--begin tab menu-->

<div align="center">
<a href="home.html" target="bottom">Home Page</a>
<img src="spacer.jpg">
<a href="faq.html" target="bottom">FAQ</a>
<img src="spacer.jpg">
<a href="bcs.html" target="bottom">Samples</a>
<img src="spacer.jpg">
<a href="monologo.html" target="bottom">Samples</a>

...and so on


Or you could make a table.

<table width="100%">
<tr>

<td><center><a href="home.html" target="bottom">Home Page</a></center></td>

<td><center><a href="faq.html" target="bottom">FAQ</a></center></td>

<td><center><a href="bcs.html" target="bottom">Samples</a></center></td>


<td><center>
<a href="monologo.html" target="bottom">Samples</a></center></td>


<td><center><a href="wsd1.html" target="bottom">Designs</a></center></td>

<td><center><a href="smbus.html" target="bottom">Listings</a></center></td>

<td><center><a href="stkclr.html" target="bottom">Colors</a></center></td>

<td><center><a href="pricing.html" target="bottom">Pricing</a></center></td>

<td><center><a href="payments.html" target="bottom">Payments</a></center></td>

<td><center><a href="orderform.html" target="bottom">Orders</a></center></td>

<td><center><a href="contact.html" target="bottom">Contact</a></center></td>

<td><center><a href="links.html" target="bottom">Links</a></center></td>

</td></table>

&*nbsp; = space (take off the star*)
just put 3 of those in...