How do I code buttons on my site

**Andreas** · 07-08-2005, 09:39 AM

Greetings All,

I'm putting up a new e-commerce site. I have the template that I want, but the buttons on the left-hand side of the page are not coded, and I can't figure it out.

If you go to http://rocknhorsebooks.com/ you will see what I mean.

Is there anyone who can guide this newbie at coding? I know it's easy, but it has me stumped.

Kindest regards,

Andreas Krokene.

Note to Moderator: I hope you'll allow the mention of this URL on this occasion. This is one of those times when it is definitely easier to show than explain, don't you agree?

Thank you.

**Enigmatic** · 07-08-2005, 12:24 PM

You say they are not coded, but you haven't said what you want them to do ?

Are you looking for rollOvers using JavaScript or just to link them using HTML ?

Code:

<a href="http://www.yourDomain.com/link.htm"><img src="images/imageName.gif"></a>

**Andreas** · 07-09-2005, 10:13 AM

Greetings Enigmatic,

Thank you for your assistance in sorting out my button-coding problem. They now work beautifully. I had them working by Saturday mid-afternoon Perth West Australia time, but due to family committments have only now been able to publicly thank you.

The first line of code is what you gave me in answer to my question.

The second lot of code in two lines is what is on my template.

The third lot of code also in two lines is the result of trial and error making the buttons clickable and looking right.

1. <a href="http://www.yourDomain.com/link.htm"><img src="images/imageName.gif"></a>

2. <td align="left" valign="top" width="68"><img src="gfx/left/hotleft_04.jpg" width="68" height="50"></td>
<td width="110" align="left" valign="top"><img src="gfx/right/hotright_04.jpg" width="130" height="50"></td>

3. <td align="left" valign="top" width="68"><img src="gfx/left/hotleft_04.jpg" width="68" border="0" height="50"></td>
<td width="110" align="left" valign="top"><a href="http://rocknhorsebooks.com/link.htm"><img src="gfx/right/hotright_04.jpg"width="130" border="0" cellspacing="0" cellpadding="0"></a></td>

In 1. I changed the <img src="images/imageName.gif"> to

<img src="gfx/right/hotright_04.jpg" width="130" border="0" cellspacing="0" cellpadding="0">

as 'images' was changed to 'gfx'. In this template there are three sub-directories in the gfx directory,
and the coding is in two lines because that is the way it is designed (The template on the left side is in two parts.)

The added 'width', 'border', 'cellspacing', and 'cellpadding' details had to figured out through trial and error, and by looking at the code in the template for clues.

I knew it wasn't going to be a difficult piece of coding, but for the life of me I couldn't figure it out.

I hope others can use this information for their benefit.

Again thank you.

Kindest regards,

Andreas Krokene.
Perth Western Australia
Saturday July 9, 2005
21:00.