Photoshop Image maps (comments)

When I open the HTML file in Text Edit all I see is an image, no code.... When I take the Photoshop native file and use Save for Web and Devices I can't save the banner as a whole -- I am only getting small slices. I need a .jpg to use in my Wordpress blog header. I am doing this to have the 4 social media icons on my WP Header.

Sheryl
Fashion Development Group

NJArtiste {at} optonline.net

Thank u so much for this..... Would u be able to help me with this.. I wanna make something like this for my web page & tried way too much, but in vain... I wanna make a pad on which the pictures are arranged the same way & when clicked should lead to their web page..... How can I do this..... Here is the link to what I want it like.... The second big picture..... http://embellishmagazine.com/b log/2011/04/decorative-trim-co lor-trends-challenge-whats-hot /

Ash....
(http://hastkala -oceanichope.blogspot.com/)

Hi -- your headline is a little deceiving because you're NOT actually creating image maps, you're creating image slices. In other words, each link is a tiny image and all the images are tossed into an HTML table (hence the comment above about everything looking like a jigsaw puzzle).

Adobe Fireworks will do proper image maps, in other words it will keep your image intact but allow you to create several links within the image -- without your image ever getting sliced up into tiny parts.

It still requires copying the HTML, however, since the HTML contains the definitions for the image map.

I just want to create a link in my image, send it by mail but do not show as an attachment but in the message box, so people just click on a part of it and go to my page.

wow how rude, the guy below me. i had no clue, all this time i've done my DIVs in photoshop & i do my image mapping on some website, whch is pretty had for me to figure out the coords. wow thanx, im so stupid.

WOW is there a need to call people names... It would be nice to see the finish picture.

this is awesome thnx!!

Awesome!
ii Love The Tutorials!
But When ii post the html code on my page,
ii get nothing.
just a bunch of words pop up.
can you help me please?

Also what would you call the html file if you wanted to use it for a webpage? :/

I did everything you said but when it appeared on my myspace it was horrible looking. Like a puzzle kind of. Why is that?

When I go to the folder in wich I saved it in, I see no HTML file?

same problem. well, i know how to do it. but when i do the thing with notepad, it comes up in like this font that wont change. i can't read any of it. i've tried changing it, but it just stays the same. :|

its really easy! I so love this - you explained it so well.

Where you saved the file, there will be an html file, open that, right click - view source - copy the table into your html editor.

You don't just insert the picture, the slice tool breaks your image apart and insert it into your web page as a table.

Thank you so much! this has made my day! I am TRYING to teach myself html, css AND photoshop, all together, in 1 week.

Thanks, Again.

"copy the HTML (open with notepad and copy) "
you lost me there,please help! :)

i don't get when you say"(open with notepad and copy)"

im having the same problem as everybody else... no html code

hi.
what do i do after i upload the pictures on photobucket ?
i don't get what to do with the links of the pictures ..

cool. now i can go make image mapped layss :D

ok i saved it and i have a folder with the pices do upload each one by its self or how??

please help!

I tried this, and I saved it properly, but no HTML file came up.