Hey guys,
see this following coding
There is a image logo2.png
I want it to add hyperlink to the image .. but i am not able to do it.. plz help me

<td background="{THEME}/images/logo2.png"></td>

First, why are you using tables?
Rather than putting the logo in as a background image, put the logo image on the page and wrap it in the <a> tags. If you do that, make sure that the image has proper alt text.

Originally Posted by mushget

Hey guys,
see this following coding
There is a image logo2.png
I want it to add hyperlink to the image .. but i am not able to do it.. plz help me

<td background="{THEME}/images/logo2.png"></td>

You can bind JS action to td as onClick, or put a tag inside td and stretch it with CSS to width&height=100%, also make sure to display it as block element.

Don't use JS for the click if it is literally is just for linking to the home page. Just use the a element. I agree with the above, why are you using tables at all for this sort of thing? Steer clear.

Another method is just using your <a> tag and in the css make it a background- image, define the width and height, and make it display:block.

just add a div in side td and give hyperlink to it and image will be background of the div !!

In this example we have a simple link within a div

<div id="example-link">
  <a href="#">Link to journal article</a>
</div>

The CSS

#example-link a { 
  padding-left: 15px; 
  background: url(/images/examples/bglinks/pencil_icon.gif) 3px 1px no-repeat; 
}

<td background="{THEME}/images/logo2.png">
<a href="#"><img src="{THEME}/images/transparent-image.gif" /></a>
</td>

This is a method designers used for hperlinking and protecting a background image.

Originally Posted by MattCA

You can bind JS action to td as onClick, or put a tag inside td and stretch it with CSS to width&height=100%, also make sure to display it as block element.

This is a horrible way. Not only does it disregard web standards. But it also makes the link un clickable for those with JS disabled.

OP: I suggest you move away from using tables. And go read up on w3 compliance.

then have a look at this.

Try this code:

<td background="{THEME}/images/logo2.png" onclick="window.open('http://...')"></td>

Originally Posted by jibin

<td background="{THEME}/images/logo2.png">
<a href="#"><img src="{THEME}/images/transparent-image.gif" /></a>
</td>

This is a method designers used for hperlinking and protecting a background image.

Hi,
Why we wanted to give twice a image just it can be loaded in background of div instead of loading it in td once and dirctly in img tag

in td its look stranger , i think div method is best to use background image there .

removed

It works the same buy creating an image to fill the entire TD, and wrap it with an <a> tag.