Image map problem
-
i am using wordpress site without CSS …have an image map in a table which works fine on laptops/desktops…but when you view on a phone or tablet there is a break between the rows where the images should seamlessly touch each other. Can someone take a look http://flyfins.org/2015/01/28/movie-night/ and let me know what’s causing the problem. thank you! The blog I need help with is flyfins.org.
The blog I need help with is: (visible only to logged in users)
-
Hi there!
Tables really don’t work well with responsive sites. They tend to break on mobile devices unless you take careful care to set up the CSS styles just right. We do our best with the default styles, but tables were created in a time when mobile browsing wasn’t really a thing and, unfortunately, they haven’t transferred well.
Could you instead upload the image as a single piece and let the entire image be a link to the tugg.com page?
-
i appreciate your help. Yes i can make one large clickable image and that will be fine. Would this work better if i were able to use CSS? I did create another image map in a table a while back and it did not have this problem on phones(?)…so is it just a random problem? We are considering upgrading the site, but it sounds like you’re saying this is just an ongoing issue whether HTML or CSS table?
thanks! -
Howdy!
If you were using some Custom CSS you could probably make it look correct with enough @media queries for your full site, and adjusting images’ margin and padding in our mobile theme. It’s possible, but it’d take more work than re-creating the image to be one item with one link.
Covering all your bases with tables and responsive sites just means accounting for a lot of things — it’s a general issue with how HTML and CSS interact in modern browsers. It may look great in one screen size, but poor on another. We do not recommend tables for anything other than tables of data, really.
- The topic ‘Image map problem’ is closed to new replies.
WordPress.com Forums 