Image Mapping with CSS?

  • driux

    (@driux)


    8 years ago

    Hello everyone,

    I have been searching for a guide or even perhaps others that have similar postings to this. I did find some that were similar to what I was looking for, but unfortunately were of little use to me.

    I know for what ever reason WordPress is not big on letting you easily image map. I suppose its a dying practice but I’m still keen to keeping some of those old school ways. I am hoping that someone can lead me to reliable beginner’s guide to image mapping with CSS, as the HTML tags are of no use on WP (to me at least). So why not give it a shot with CSS? I’m not as quite savvy with CSS as I’d like to be yet, but I hear of people mapping with CSS in what appears to be WP. Perhaps they’re using a plugin that I’m not aware of, however, I’ve searched quite of few and they either don’t work, or do not come as advertise.

    Anyway any sort of help would be much appreciated hopefully someone replies!

    Thank you,

    Driux

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    8 years ago

    CSS can only target HTML elements as a whole, not portions. I cannot imagine any way to get CSS to behave like an image map. JavaScript, yes, but not CSS. The map and area HTML tags work fine in WP. Your user may require unfiltered HTML capability though.

    Thread Starter driux

    (@driux)

    8 years ago

    Hmmm i guess I could look into unfiltered html I always heard it could lead to some security breach. Perhaps, I’m not putting my tags in the correct area. Thanks for that bit of info it’s something to mull over.

    Moderator bcworkz

    (@bcworkz)

    8 years ago

    I did a quickie test, placing an image with map and area tags in post content using the text tab of the normal tinyMCE editor. Works fine that way. I’ll leave it to you to determine if they can be placed by a filtered HTML user or not.

    It is true that you only want to grant unfiltered HTML capability to trusted users. There’s nothing inherently risky in mapping tags beyond a misdirected link, it’s the other things one can do that cause security concerns. Thus it’s likely even filtered users could use the mapping tags.

    If by chance the mapping tags are filtered, it is possible to alter the list of filtered tags. I’m not sure how it’s done offhand, but I can look into it if need be.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Image Mapping with CSS?’ is closed to new replies.