On my self-help massage page, I want to create a "symptom checker" of sorts.
I would like to have an anatomical image of a human body, with hot spots, or links in the form of little target-shaped icons, that are placed on specific areas of the body where the most common trouble spots are found.
Can I do this with nested tables?
Does anyone have any suggestions for me before I get myself deep into it?
This is the first time for me to attempt anything like this, so I would like some advice for a good starting point before I get started on the wrong foot.
Thanks!
massagefrog.com
http://papillonmassage.com
Esther L Miller
Registered User
154 posts
The Philosopher
Senior Advisor
2,037 posts
It would be very difficult to do with nested tables. What you should do is create an image map. I think that would be perfect for what your trying to do.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
Janys Hyde
Senior Advisor
6,076 posts
Tom
Temporary User
5,410 posts
You can also use pop up speech bubbles in image maps. 
http://www.cssplay.co.uk/menu/solar_map CoffeeCup... Yeah, they are the best!
http://www.cssplay.co.uk/menu/solar_map CoffeeCup... Yeah, they are the best!
Esther L Miller
Registered User
154 posts
Well, thanks for the speedy replies! I will go look at the image mapper right now!
http://papillonmassage.com
Esther L Miller
Registered User
154 posts
Thanks, guys
Here's what I made:
(There are no pages that link to the hot spots yet, but I think it's fun to look at)
http://massagefrog.com/what_hurts.html" class="bb-url"> http://massagefrog.com/what_hurts.html
http://papillonmassage.com
Here's what I made:
(There are no pages that link to the hot spots yet, but I think it's fun to look at)
http://massagefrog.com/what_hurts.html" class="bb-url"> http://massagefrog.com/what_hurts.html
http://papillonmassage.com
The Philosopher
Senior Advisor
2,037 posts
That is a great site. Innovative idea regarding the use of your images.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
Janys Hyde
Senior Advisor
6,076 posts
I click on the bodies and keep getting a not found error page.
http://www.venicefromtheinside.com
paintbrush
Ambassador
1,802 posts
Online Now
(There are no pages that link to the hot spots yet, but I think it's fun to look at)
Nice idea there, Janys.... Now I have to buy that (image mapper), too!
Looks good, Esther! I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
http://www.callendaledesigns.com
Jo Ann
Senior Advisor
7,579 posts
Love the look of your site Esther I think it will definitely be a great tool for your customers and possible customers, I would love to see more detailed tooltips on it though if maybe you gave some thought to that?
Maybe when people mouse over a specific area you can have the image do a rollover color change too? And maybe the tooltips could have info on the exact reason that the pain in those areas might occur, just a brief couple sentences with a "Click for More Info" at the end? Just a thought, but I love this idea and now I have to play with the image mapper too LOL. Thanks for sharing
Jo Ann
http://lbwebsites.com - Web Design & Web Hosting
http://cattownrescue.org ... Current project in the works, love cats!
http://northbaldwinliteracycouncil.org .... Our local Literacy Council
Due to spammers the below sites are not viewable outside the US, sorry guys
http://proudayou.com - My sons website for his music business
http://rockinwithmainstreet.com - My brother's band website
Maybe when people mouse over a specific area you can have the image do a rollover color change too? And maybe the tooltips could have info on the exact reason that the pain in those areas might occur, just a brief couple sentences with a "Click for More Info" at the end? Just a thought, but I love this idea and now I have to play with the image mapper too LOL. Thanks for sharing
Jo Annhttp://lbwebsites.com - Web Design & Web Hosting
http://cattownrescue.org ... Current project in the works, love cats!
http://northbaldwinliteracycouncil.org .... Our local Literacy Council
Due to spammers the below sites are not viewable outside the US, sorry guys
http://proudayou.com - My sons website for his music business
http://rockinwithmainstreet.com - My brother's band website
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
