Solved

Transparent imagemap for background image in table

Posted on 1998-05-04
8
266 Views
Last Modified: 2013-12-25
Is there a way to make a transparent imagemap for a image placed as a background image in a table ?

The table also includes some text, which shouldn't be affected by the image map.

Any suggestions or answers how can I make this ?
0
Comment
Question by:titken
8 Comments
 

Expert Comment

by:lyc
ID: 1866630
There is a way.
For such image maps, I suggest using photoshop.
Load in photoshop with a transparent background, and do what ever you like with your image. Otherwise, select the area you do not want and make it transparent.
Use "export" and select gif
Then use any image map creation program and do the rest...

0
 

Author Comment

by:titken
ID: 1866631
The question isn't regarding a GIF89a.
Let me try to make it more clear.
I have a table, and in that I've placed a image as a "background-image". I have some text placed in front of the image, which should be locked there.
The image makes you want to click on it, but I can't figure out how to make that. Therefore, I want to know if some trick can "fake" a imagemap, that doesn't affect the rest of the table.
0
 
LVL 3

Expert Comment

by:MorFF
ID: 1866632
titken,

Does the text need to be dynamic?

If it's fixed, couldn't you go down the route of a real image map, having pasted the text permanently onto the picture then slicing it up accordingly within the cell you want to display it.

Cheers - MorFF
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 

Expert Comment

by:webgeek051598
ID: 1866633
Sorry, background images (regular or table)  can't be used as image maps. As previously suggested, I'd incorporate the text into the image and create a standard image map.
0
 
LVL 3

Expert Comment

by:MorFF
ID: 1866634
If that's a solution, please reject the current answer and I'll submit my comment as an answer.

Cheers - MorFF
0
 

Author Comment

by:titken
ID: 1866635
MorFF

Your solution is aceptable, therefore I will give you the points for your reply/answer

0
 
LVL 3

Accepted Solution

by:
MorFF earned 100 total points
ID: 1866636
titken,

Glad to be of help.

Cheers - MorFF
0
 

Author Comment

by:titken
ID: 1866637
Sorry for my late reply !
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Read about why website design really matters in today's demanding market.
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question