Preserved Topic: images and text linking (Page 1 of 1)

how would I be able to create text ON an image, and then making those texts different links?

--Chris

sounds like your describing an "Image Map"

This is a a single graphic that has areas defined as 'hot spots' (or active links). The hot spots are defined using co-ordinates and the areas can be rectangular, circular or polygonal.

In this way, you can have a single graphic containing your image and various lines of text and define ('map') each line of text to its own link (URL).

You can do this by hand but it is very tedious mapping all the co-ordinates you would need, so there are many programs that do this for you via a GUI (graphical user interface)

If you have a later version of Photoshop, it comes with Imageready that has an image map making feature.

Also search Google.coom for more info on Image Mapping.

Of course, I could be totally missing the crux of your question! heh ~Welcome to the Funny Farm~

no... I think he's talking about putting an image as a <TABLE> background and just writing the links into the table cells to properly place them...

btw, if you ARE talking about image maps (a more complicated procedure)..

check out the Coffe Cup Image Mapper (don't ask me if that's what it's called or where to find it).... it's pretty neat as a WYSIWYG image map creator... this is one of the only times (in my opinion) that WYSIWYG is a big plus....


Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342

I've done the same thing using a graphic as a background-image of a DIV then placing text in the DIV. It's a lot nicer than the image-maps I used to use (for instance CSS rollovers work nicely) and it's much easier to maintain.

See the code and the css for the links (DIV classes menu3t, menuexit and menuinfo) in the right column of http://www.brucew.com/journal.html

Warning: Beyond being a very 90's design (which suits me nonetheless), it contains an embarassingly ugly kluge for Opera's lack of support for display: block; on links, I really should get around to tidying up some of the repetition in the css, and I'm willing to live with squared-off css rollovers on a rounded-corner background-image.

<edit> fixed url </edit>

"the most incredible feats are often accomplished by
those who have had the most incredible challenges"

[This message has been edited by brucew (edited 10-01-2002).]