HTML - Linked Images Move Out Of The Way When Clicked

I have a table with 5 images in one row. In 4 of them the four images are of words for a navigation bar. Each word is black and right below it is the same word in color. When the mouse hovers over the four words I would like the image to raise up so that the colored words are shown. Here is what I have so far:

Code:

<table>
  <tr>
    <td><a href="" target="_new"><img src="menu/Logo.png" width="139" height="155" alt="Back to home page" border="0"></a></td>
	
    <td><a href="" target="_new"><img src="menu/Drafting.png" width="98" height="65" alt="Drafting" border="0"></a></td>
	
    <td><a href="" target="_new"><img src="menu/Programming.png" width="157" height="65" alt="Programming" border="0"></a></td>
	
    <td><a href="" target="_new"><img src="menu/Resume.png" width="93" height="65" alt="Resume" border="0"></a></td>
	
     <td><a href="" target="_new"><img src="menu/Contact.png" width="96" height="65" alt="Contact" border="0"></a></td>
  </tr>
</table>

Is it possible to move the images like this or do I need to use a background image instead?

I have had this problem on almost all the websites I've made and I'm too picky to let it go...

When I make the navigation images/buttons for a website, I set the border to zero as usual and link each image to its respective page. But, when I click on the image to take me where it's supposed to, this pesky dotted border appears around the edge of the image after it has been clicked and it remains there until I click on something else on that page. (This also happens to text links when clicked, but I'm not too worried about the text links.)

For the websites I've made that go to an entirely new page after an image link is clicked, the dotted line appears around the linked image after it's clicked and before the next page has loaded, but then after the new page loads the dotted line is gone. But, for websites I have built that utilize frames, because the new page that loads is in an iframe, and because the page the navigation buttons are located on never changes, the dotted border stays around the image after its been clicked and, like I mentioned earlier, doesn't go away until I click on something else on that same page.

An example of this can be seen when you click the images in the navigation column along the left side of a website I built located at the following URL: http://www.djprogress1.com/

This border problem could be specific to my website browser (I use Firefox), but I am not sure. And the border could be added entirely by the browser and there may be no way to get rid of it through coding, but again, I am not sure of this. So, does anyone know if anything can be done to fix this or am I stuck with these dotted borders?

Thanks,
Jase

Hello, I have designed sites in the past but am in need of some assistance. I am designing a website for an artist who wants to be able to offer his clients fine art prints for sale. He needs to be able prints with several different product options; i.e. canvas print with 1" stretch, 2" stretch and framed prints. I want to be able to offer check boxes (or equivalent) that will display an image of the different product options available. If the 1" stretch check box is checked I need an image of a canvas on a 1" gallery wrap frame to be displayed. If they click on the "frame" check box, I need an image of a framed painting to be displayed. What is the best method to use to accomplish this? I've researched and experimented but am at a bit of a loss. Any help will be greatly appreciated. Thank you in advance!! -John

I have a logo on my page coded like this
<img src="http://www.etcetc.com/logo.gif" border="0"align="center">

however when u hover ure mouse over the logo it turns into a linked image and when u click on it ,it opens a blank page. I havent coded for the logo to be linked anywhere.
why is that happeninig?:
thanks

I'm sure the solution is simple, but this HTML hack can't figure this out...

<form action="Talisman_Wellsite_Repro.htm">
<input type="Submit" value="Talisman Wellsite Repro">
</form>

I am using HTML Help Workshop to create a help menu, and this might be part of my problem, but I can not get the above code to link to the page. If I place a website or a link to a document on the server it will work, or if I take the button element out, the link will work (having a button will look more professional), but as soon as the button is involved I get "The page cannot be displayed" message.

Any suggestions would be greatly appreciated.

Hello,

I am wanting to insert an image on a mail that doesnt have to be downloaded to be seen, with my corporate identity, and make this image be a link to my web

thankyou

In a webpage, I have a link to a photo:
<a target="_blank" href="myURL">
where myURL just points to a jpg image.

When the jpg is presented, I'd like right clicks to be disabled. Is there a way to do this?

I don't want right clicks disabled on the main page, just the target jpg.

Thanks in advance for any help.

Hi

Anybody know where I can get a free bit of code that will show how many times a thumbnail has been clicked?? I ant to show viewers how many times thumnails have been clicked by showing the number of clicks under each thumbnail.

Leroy

i know.. stupid question.. i should know how to do this.. but i dont..
how do i make a layer appear when i link is clicked?
i want to have [?] next to something, and when clicked, a layer becomes visible that shows some text, then when an X on the layer is clicked, the layer becomes invisible again
i know it has to do with visible=true/false.. but idk what to do.. help please

Hello everyone!

I have a quick questions that I cannot figure out the past few months.

I have a website for the private school I work at and we have our webpage set up mostly using Dreamweaver with .html pages and Dreamweaver templates.

Here's my question: When links on the top dropdown menu bars are clicked, they disappear when you go back and look, they are still there, but just not visisble until I reset the browser cookies and history. Any ideas???

BTW, the website is www.scrantonprep.com

If you use the dropdown menus up top and click on something, you will then see that when you go back or access the site again, the one you clicked on disappears.

Any help with this matter would GREATLY be appreaciated!!

Hi guys,

I'm looking for a script or some code that would change the name of the link once clicked.

Say I have a link that says:

CLICK HERE TO SEE MAP

Once I click it, the link says:

BACK TO DESCRIPTION

And once I click this one, it goes back to:

CLICK HERE TO SEE MAP

Any ideas?

Hey guys, I was wondering if there was a possible way to make a link disapppear after it is clicked, and for it to stay that way until the link is changed. Help? Thanks

Hi.. Back with more image questions..

May i know how/what do i do if i want to have a smaller image (in a size that i want)on my website.. and when i click on it.. it goes to a new page and shows e actual size?

Right now, what i have is this..

.image {
height: 85px;
width: 85px;
}

<div style="position: absolute; top: 350px; left: 60px; z-index: 5;">
<img class="image" src="http://img97.imageshack.us/img97/6893/honey.jpg">
</div>
<div style="position: absolute; top: 438px; left: 60px; z-index: 5;">
<img class="image" src="http://img82.imageshack.us/img82/4149/jessicaalba.jpg">
</div>

Thanx....

when i click on a link on my "test page" the div with my links in it moves up...but when i click back to the "home" page it moves back down take a look at the attached file to see what i'm talking about...is there any way of fixing this...it does this on both FF and IE 8.

can someone help me with this...if it's something that i simply have to deal with then that's fine...just thought that maybe something was wrong and could be fixed.

Hi all
i have an upload form, and when the upload button/image is clicked to upload the file, i would like to have this cool ajax loader that just moves with some text under it saying "uploading...please wait". What is the easiest and best way to do this? I have looked all around javascript, etc and cant seem to find a perfect simple solution. I am adding this in my .tpl file

THanks