HTML - Image Hyperlink

Hi i am new to HTML and have a really basic question. I am trying to teach myself HTML from scratch and came across adding a hyperlink to an image.

i found this HTML below on a practice web site and undestand that the
<a href="default.asp"> is where the hyperlink links to, but when i changed this to a website for example www.google.com it didn't go to the google page it just said error why is this?

Also the "smiley.gif" where does this come from if i wanted to change the picture that you click on how would i do this ??

I'd be so grateful if anybody could shed some light on this for me thank you,
Angela
<p>No border around the image, but still a link:
<a href="default.asp">
<img border="0" src="smiley.gif" alt="HTML tutorial" width="32" height="32" />
</a></p>

Hello.

I'm putting together my first website, and trying to learn HTML basics. One specific problem I'm having is getting an image hyperlink to refresh my web page, rather than opening a new browser tab/window. For example, the code I'm using is...

<a href="http://mywebsite.com" target="_blank"><img src="http://mywebsite.com/image.jpg" border="0" alt="My website"></a>

When a visiter clicks on the image, a new browser tab/window opens. I want the page to refresh, instead.

Can someone provide me with a solution?

Thank you.

Hello everyone,

I have an image inside a div, when I try to make the image a clickable hyperlink the image disappears and there is nothing to click or see.


Code:

<div id="google"> 
<a href="http://www.google.com/">                       
<img src="google_icon.png" height="23" width="23" /> 
</a> 
</div>

I tried an alternative way by making the Div a hyperlink with the following code...

Code:

<div id="google"  class="hand" onclick="location.href='http://www.google.com';" target="_blank">  
<img src="google_icon.png" title="google" height="23" width="23" />  
</div>

This works except for a couple problems...1st when hovering over the link nothing is shown in the browser status bar and 2nd, the target="_blank" isn't working.

Here is a link to my site http://chasehearn.com/

On the left hand side there are 6 images (one is not showing) which i would like to make links.

I made the first (from the left) one work by making the Div that contains the image a link, but I can't get the link to open in a new window and I don't like how the browser (i'm using chrome) status bar doesn't show anything when hovering over the link.

The 2nd icon (which can't be seen) disappears whenever I add <a href></a> tags around it.

The images are in the correct folder.

Anyone have any ideas on what I'm doing wrong?

Thanks!

Hi there,

I'm trying to create a hyperlink that opens a word document. The filename is "C# Essentials.doc".

I have the right path, and can open files that don't include special characters in their filenames, but I don't have the hang of putting special characters such as "#" into a hyperlink.

Could anyone advise me the code to use for the filename?

Thanks!
F

Hi everyone,
I want to know how to make a hyperlink open in different page/tab.
So im left with the original page and the hyperlink has opened in another tab.

Thanks for all of your help.

hi
how to add other styles to hyperlinks?

Hi Again,

I'm trying to get the titles in my sidebar to link to the main frame (I have created 2 columns). For some reason the code is not making a hyperlink (this is borrowed code). Any ideas?

<div class="leftMenuTab" onmouseover="menuMouseOver(this);" onmouseout="menuMouseOut(this);" onclick="window.location.href="c:CASARA Website/whatwedo.html" TARGET="main page"">What We Do</div>

On the upside, all of my grief is on the first page. The rest of what I'm doing is much easier for me so hopefully I'll be out of your hair soon!

I have a link that handles being clicked with javascript. Currently I am doing the following:

<a href="#" id="foo"> click me </a>

And I handle the event of when foo is clicked in javascript. Ideally I would like it not to show the fake hyperlink when hovering over the link. Is there a better way to do what I am trying to accomplish? I want to keep the mouse icon changing when hovering over the link.

Thanks,

Mike

I'm trying to link to an html page with tab's in it. Each tabs link is displayed:


javascript:expandcontent('sc2',this)

How can I link to this tab itself? If my address where (example):

http://mywebsite.net/37460.1.98577/Products.html

Thanks in advance!

Hello all,

whenever you make the hyperlink to a file, normally it will give you the option to either download or run. Is there some way to make the hyperlink go straight into opening(run) the file? maybe some sort of onclick command or something of that nature? Thanks in advance.

I'm making a new website, and I want the hyperlinks to be the kind in which they are normal text, but when you hover the mouse over them, they're the same color, but they're underlined. I've tried lots of different things, such as DHTML and such, but it only half works, and it won't work in Firefox at all. What's the best way to achieve this?

Hello mates,
its my first post here. I am stuck with this weird hyperlink problem. whenever I set hyperlink to any page, it opens something else. For example: I have added this code for one link:
Quote:
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td width="100%">
<a href="kk.com"><img border="0" src="ChatNow.png" width="150" height="24" name="Chat Now!" onmouseover="document['Chat Now!'].src='ChatNowB.png'" onmouseout="document['Chat Now!'].src='ChatNow.png'"</a></a></td></tr></table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="100%" bgcolor="#FFFFFF"><img border="0" src="11dot.gif" width="1" height="1"></td></tr>
</table>
It is supposed to open kk.com. instead, when i cllick on the link it opens something like dis:
Quote:
file:///C:/Documents%20and%20Settings/Yas/My%20Documents/My%20Web%20Sites/mysite2/kk.com
any help?

Hey,

I have this menu http://www.monk3d.com/test2.html

I need to change this so that the 'white boxes' which appear when you hover over a link, remain when you click on a page (so you know which page you are on)

I was wondering how to go about this?

any help would be great

Rob

I have a link:

<a href="#"><strong>IMPACT Study </strong> </a>

I with the # it always want to jump to top of page. I know there is code that will prevent this, but i forgot what it is?

Any help?

thank, mac

Hello,
I need to create a hyperlink however the website itself (The link) is very long and the html doesn't capture all of it.
For eaxmple I want to use this text " Address " so it will take me to a very long link from mapquest of from yahoo maps.
If you have an idea how to do it, it would be great.
Guyav99.