WordPress.org

Ready to get started?Download WordPress

Forums

Image map displaces text (3 posts)

  1. Harmakhis
    Member
    Posted 7 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 7 years ago #

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

  3. Harmakhis
    Member
    Posted 7 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.

About this Topic

Tags