Closed Thread Icon

Preserved Topic: images and text linking Pages that link to <a href="https://ozoneasylum.com/backlink?for=17158" title="Pages that link to Preserved Topic: images and text linking" rel="nofollow" >Preserved Topic: images and text linking\

 
Author Thread
ganthricor
Neurotic (0) Inmate
Newly admitted

From: Virginia
Insane since: Sep 2002

posted posted 09-30-2002 21:03

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

--Chris

vogonpoet
Maniac (V) Mad Scientist

From: Mi, USA
Insane since: Aug 2000

posted posted 09-30-2002 21:30

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~

Petskull
Maniac (V) Mad Scientist

From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000

posted posted 10-01-2002 00:59

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

brucew
Paranoid (IV) Inmate

From: North Coast of America
Insane since: Dec 2001

posted posted 10-01-2002 14:50

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).]

« BackwardsOnwards »

Show Forum Drop Down Menu