Hi,

How can I use an Image as link so that It doesn't show Image path and other characteristics in Right Click?

Set it as background to an element with a block anchor overlayed.

How can I do that?

Look at W3 Schools - some great basic CSS instruction pages.

#image_link {
      width: NNNpx;
      height: NNNpx;
      padding: 0;
}
#image_link a {
     display: block;
}

<div id="image_link">
    <a href="URI"></a>
</div>

I tried it, but failed!

<div id="headerLogo_link">
<a href="<?php echo get_settings('home'); ?>/" title="<? bloginfo('name'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('description'); ?>" border="0" /></a></div>

CSS

#headerLogo_link {
      width: 250px;
      height: 94px;
      padding: 0;
}
#headerLogo_link a {
     display: block;
}

Well you will have to add the background image properties to the #headerLogo_link rules rather than have the image in the element!

background: transparent url(images/logo.png) no-repeat scroll 0 0;

Should work if the images folder is one level below the stylesheet location.

Thanx, dudes. It worked, but not as a link

<a href="<?php echo get_settings('home'); ?>/" title="<? bloginfo('name'); ?>">What should I add here it make 240 x 94 image a link</a></div>

#headerLogo_link {
      background: transparent url(images/logo.png) no-repeat scroll 0 0;
      width: 250px;
      height: 94px;
      padding: 0;
}
#headerLogo_link a {
     display: block;
}

So what didn't happen

I just want a link to be working now and that is not working

You are foget to start div. BTW did you try if is link working like plain link without php code. Maybe is something wrong in php not in html and css. If you have uploaded site we can check, send us link.

<div id="headerLogo_link "><a href="<?php echo get_settings('home'); ?>/" title="<? bloginfo('name'); ?>">What should I add here it make 240 x 94 image a link</a></div>

Nope, I'm trying it all on localhost, not on a live site.

My code is following:

PHP Code:

<div id="headerLogo_link "><a href="<?php echo get_settings('home'); ?>/" title="<? bloginfo('name'); ?>"></a></div>

What I wanna ask you is that when I write nothing in <a href="#">here</a>, It won't work as a link (Same is happening to me). There is nothing between <a href="#"> and </a>.

Everything else is working; logo is a background image now. But I just want link to my homepage from logo image. [Just link]

Try to put width and height in #headerLogo_link a definition and keep display:block.

There is nothing between <a href="#"> and </a>.

Correct

Though I do owe you an apology, I missed adding height:100% to the rules for the descendant anchor.

#headerLogo_link a {
     display: block;
     height:100%;
}

Thnx, dude. Working now...

Should I leave <a href="#"> and </a> as such?

'#' will be self-referencing (to the same page), so you do need to put the target URI in there, but yes, leave the anchor text completely empty (not even a space).

Otherwise it will show above the image.

Hi

From you code I think you are using wordpress. So may be below code will help you

<?php if  ( file_exists( TEMPLATEPATH . '/images/YOURIMAGEFILEHERE' ) ) { ?>   <a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/YOURIMAGEFILEHERE" alt="<?php bloginfo('name'); ?>" /></a>   <?php } else { ?>   <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1> <? } ?>