Can't find the solution with my html..

[tijerina]

Here is my code snippit:

<table width="650" height="100" border="0" cellspacing="0" cellpadding="0">
<td bgcolor="ffffff" width="217" height="28" >
<a href="

http://www.mysite.com/site2.php"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image50','','images/specials_over_01.gif',1)"><img name="Image50" border="0" src="images/specials_01.gif" align="middle" ></a>
</td>
<a href="

http://www.mysite.com/contact/site.php"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image51','','images/services.bmp',1)"><img name="Image51" border="0" src="images/buttonservice.bmp" align="middle" ></a>
</td>
<td bgcolor="ffffff" width="219" height="28" >
<a href="

http://www.mysite.com/site3.php?cat_id=4"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image53','','images/specials_over_03.gif',1)"><img name="Image53" border="0" src="images/specials_03.gif" align="middle" ></a>
</td>

On the main page it looks like this:

image2
image1 image3

I want it to look like this:

image1 image2 image3

How do I do that with the above code?

Thanks..

 

[cLFlaVA]

1. You are missing a <TR> and </TR> tag.
2. You are missing a <TD> tag in your 2nd table cell.

try this:
[tt]
<table width="650" height="100" border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="ffffff" width="217" height="28" >
<a href="

http://www.mysite.com/site2.php"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image50','','images/specials_over_01.gif',1)"><img name="Image50" border="0" src="images/specials_01.gif" align="middle"></a>
</td>
<td bgcolor="ffffff" width="217" height="28" >
<a href="

http://www.mysite.com/contact/site.php"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image51','','images/services.bmp',1)"><img name="Image51" border="0" src="images/buttonservice.bmp" align="middle"></a>
</td>
<td bgcolor="ffffff" width="219" height="28" >
<a href="

http://www.mysite.com/site3.php?cat_id=4"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image53','','images/specials_over_03.gif',1)"><img name="Image53" border="0" src="images/specials_03.gif" align="middle"></a>
</td>
</tr></table>
[/tt]

*cLFlaVA
----------------------------
A pirate walks into a bar with a huge ship's steering wheel down his pants.
The bartender asks, "Are you aware that you have a steering wheel down your pants?"
The pirate replies, "Arrrrr! It's driving me nuts!

 

[tijerina]

Thank you but now I get this..

image1image2 image3

Image2 is too far to the left, right next to image1 any ideas?

Thanks so much for you help..

 

[cLFlaVA]

You didn't set the ALIGN property of each <TD> tag:

[tt]
<table width="650" height="100" border="1" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="ffffff" width="217" height="28" align="center">
<a href="

http://www.mysite.com/site2.php"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image50','','images/specials_over_01.gif',1)"><img name="Image50" border="0" src="images/specials_01.gif" align="middle"></a>
</td>
<td bgcolor="ffffff" width="217" height="28" align="center">
<a href="

http://www.mysite.com/contact/site.php"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image51','','images/services.bmp',1)"><img name="Image51" border="0" src="images/buttonservice.bmp" align="middle"></a>
</td>
<td bgcolor="ffffff" width="216" height="28" align="center">
<a href="

http://www.mysite.com/site3.php?cat_id=4"

onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image53','','images/specials_over_03.gif',1)"><img name="Image53" border="0" src="images/specials_03.gif" align="middle"></a>
</td>
</tr></table>
[/tt]

*cLFlaVA
----------------------------
A pirate walks into a bar with a huge ship's steering wheel down his pants.
The bartender asks, "Are you aware that you have a steering wheel down your pants?"
The pirate replies, "Arrrrr! It's driving me nuts!