Link on Image

hielo 65 Veteran Poster · 2007-12-17T06:33:53+00:00

Can you post some code?
Not sure if a background image on the link will fix your problem OR one of a "title" or "alt" attributes on one of the elements you are doing. Hard to troubleshoot without knowing what you are looking at.

Roebuc 0 Junior Poster · 2007-12-17T22:07:54+00:00

Yeah, sorry it took me so long. Here are the three lines that make up the area I want the links.

I know I have done it before, just for the life of me I can't remember how. I do not want the text itself to be just part of the image, I want it to be a layer over the image. Anyhelp would be appreciated.

Tropp 0 Light Poster · 2007-12-17T22:10:41+00:00

The text you insert in the alt tag wil show in IE (fairly sure it doesn't work in firefox)

eg: <img alt="text goes here"

Is that what you are wanting ?

Roebuc 0 Junior Poster · 2007-12-17T22:11:55+00:00

One other thing I shouldl have said, I am not looking for the alt"" property, I haven't typed it in, but thats not what I am looking for on the mouse over. I was thinking value"" would be the trick, but that has not worked either. When I typed in in between the <a.....></a>, it just comes out beside the background image. The person I am doing this for just bought the template and it was created on dreamweaver, I do not have dreamweaver, I am using coffee cup. I might be able to fix it if I could convert the .swf file, but I can not find a way to open it without dreamweaver. This is the only problem I have run into, last part and I am done ;)

Tropp 0 Light Poster · 2007-12-17T22:17:08+00:00

Possibly put the text in a cell with the image as the background .. that would work.

Roebuc 0 Junior Poster · 2007-12-17T22:21:09+00:00

Well, I thought about that, I haven't tried it though because I thought it might take away the mouse over effect, ie when you put your mouse over it the color changes. Would that affect the mouse over effect at all? I am not near my computer I have done this on, so I can not try it and see right now.

hielo 65 Veteran Poster · 2007-12-18T00:12:37+00:00

I think you are looking for the title attribute:
<a href="" title="Look at me"><img src=""/></a>
or:
<a href=""><img src="" title="Look at me"/></a>

It can be used on the <a> and/or the <img> tags.

Roebuc 0 Junior Poster · 2007-12-18T00:31:00+00:00

Thank you for the help, I tried it and that still did not work. When I hold over my mouse, I see the alt come up that says home. What I am trying to do is have the text Home, appear on top of the image that is the link, regardless of the mouse being over it: Here is what I have after taking Tropp's advice, which I think has me going in the right direction, here is the code now:

(I apologize for the spacing issues, I am not near my computer with my IDE, so I am having to use notepad.) Now, I have the images and text appearing as hoped and needed. The only issue I have now is the swap image command is not working and valign does not work. I dont have it typed into this code I have copied and pasted but I can't get the text to line up vertivally centered for some reason. Thanks again for all ya'll's help.

Roebuc 0 Junior Poster · 2007-12-18T00:52:51+00:00

haha, I figured it out, FYI, I should have had this in the onMouseover cmd:

onMouseover="this.style.background='url(l1-1.gif)'"

...and so on for every td, thanks for everyones help on this.

Roebuc 0 Junior Poster · 2007-12-18T01:20:21+00:00

One more thing to add in case anyone ever refferences this thread later, I am not sure why valign would not work, my guess is it had something to do with the image in the cell. But to make the whole cell a link, swap images on mouse over, and have the text vertically centered(or appear to be) as well as horz. centered I used the folloing code line on all links: