WordPress.org

1. Harmakhis
   Member
   Posted 6 years ago #
   

   I have a rather strange problem: on one of my pages I want to use an image map combined with a picture to use hovers, links etc. I created the image map and tested it with a normale html-page and everything worked just fine.
   Now, when I try to past the code for the image map into word-press something just doesn't work. The image map is display correctly and all the links work BUT above (or below depending on where I place the code) the image there is a huge open space. This free space seems to be as big as the code necessary for the image map. Looks like word-press is treating the <map></map> tag and everything in-between like invisible text or something.

   So I guess that's not a problem on the side of my html skills but rather some perculiar error with word-press or my theme.
   Anyone got an idea how to solve this?

   (Unfortunately I can't show you a like to the site b/c I've only tried this offline so far.)

2. moshu
   Member
   Posted 6 years ago #
   

   Or you are poasting the code into the wysiwyg editor... which is always a big NO-NO!

3. Harmakhis
   Member
   Posted 6 years ago #
   

   Well, I'm not.

   This is the code I'm using, maybe there's something wrong with it I just don't get:

   <div style="text-align: center">
<map name="fs_gruppe" id="fs_gruppe">
<area shape="circle" coords="41,132,14" href="#" alt="Jule Petzel" title="Jule Petzel" />
<area shape="circle" coords="67,99,15" href="#" alt="Davird Freyer" title="Davird Freyer" />
<area shape="circle" coords="85,126,16" href="#" alt="Tobias Langguth" title="Tobias Langguth" />
</map>
<img src="/wordpress/wp-content/images/fs-gruppe.jpg" width="540" height="349" border="0" alt="Die FS-Bio im Frühjahr 2006" title="Die FS-Bio im Frühjahr 2006" usemap="#fs_gruppe" />
</div>

Topic Closed

This topic has been closed to new replies.