Solved

SharePoint page not displaying image map properly

Posted on 2013-11-14
2
1,013 Views
Last Modified: 2013-11-20
I took an image in Photoshop and sliced it up and saved it for Web pages and got an .html file and folder of images.  In SP Designer I see the imager perfectly aligned but when I put the page in SharePoint some of the images are off a bit.

Difference between Designer on left and browser on right.
I've loaded the file through a Content Editor Web Part and I've copied the html code and pasted it directly in the html source for the page but neither will display the image correctly.  Is there anyway to fix this?  I've copied the source code for the page displayed and threw it into Dreamweaver and the image displays correctly.

I know I can make an image map with hotspots in Designer but all I want are hover-overs explaining changes to that area of our floor plan.  Without a link the tool tips weren't showing up.  I can try to add a link directly to the page so if someone clicks it by mistake then it will just bring them back to that page but I'm disappointed that the PS page I made won't display correctly in SP.

Anyone have an idea of what is going wrong with my page?  All replies are appreciated!!
0
Comment
Question by:HSI_guelph
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 44

Accepted Solution

by:
Rainer Jeschor earned 500 total points
ID: 39649011
Hi,
which SharePoint version/edition?

I just can guess that a SharePoint built-in CSS / style / class is responsible for the different look.

Could you perhaps please :
- Check the HTML source of the page in SharePoint (so opening the page in IE and then right-mouse -> Show source) and compare it with the HTML you pasted into the content editor web part
- attach the HTML so that we have something to verify
- Explain the difference / structure of your image map - from the uploaded screenshot I just can see the purple line on top (looks like a link decoratrion or background style) - but not of how many images the map is created on - is it just one? I just can guess that it is based on two images (top/bottom) and there is no space/padding in between

Thanks.
Rainer
0
 

Author Closing Comment

by:HSI_guelph
ID: 39663659
I used an Image map and made hotspots in Designer and while I couldn't get each spot to highlight when hovered over, I got all of them to highlight when the image was hovered over.
0

Featured Post

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
SharePoint 2013 with 3rd Party Video hosting 2 50
SharePoint Foundation 2013 Search 11 96
SharePoint 2013 Table Moves 3 39
SharePoint and CAML query help 4 26
Last week I faced a strange issue recently, i have deployed SharePoint 2003 servers for one project and one of the requirements was to open SharePoint site from same server. when i was trying to open site from the same server i was getting authentic…
The vision: A MegaMenu for a SharePoint portal home page The mission: Make it easy to maintain. Allow rich content and sub headers as well as standard links. Factor in frequent changes without involving developers or a lengthy Dev/Test/Prod rel…
Attackers love to prey on accounts that have privileges. Reducing privileged accounts and protecting privileged accounts therefore is paramount. Users, groups, and service accounts need to be protected to help protect the entire Active Directory …

737 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