By ncswi on

I installed the jQuery Map Hilight module and created a US interactive map. Nice module BTW. However, the area code is quite extensive and creates a large whitespace after the map. In summary, if you see my install of this module at http://www.igincorporated.com/?q=node/4 you see the code creates a large area of whitespace after the map.

I'd like to move the map to the top of the page, but the extended whitespace prevents me from doing this.

Any help, suggestions, recommendations is very appreciated.

⋅ Categories: Drupal 6.x

Comments

coreyp_1’s picture

coreyp_1 commented

Now this *is* interesting! I haven't seen this module before... thanks!

As for the white space problem, the answer is actually a little weird. Basically, your input filter is set to break lines and paragraphs automatically. Because of this, it is including a lot of <br> tags, which is rendered below the map. You have a couple of possibilities for fixing this.

1. Turn that part of the filter off.

2. Put the map into a separate area that will not be affected by the filter.

3. Just don't put any new lines between the <area> tags that appear in the map.

4. Hide it with CSS. This is the least elegant, but a simple rule like map br {display:none;} would work.

Hope that helps!

summit’s picture

summit commented

Hi,
My map is called imagemap. And the removal of new lines just didn;t remove all spaces..
How can I hide it with css please?
This doesn't work:

map imagemap {display:none;}

EDIT. It works! I needed to use the same as the example: map br {display:none;}

Thanks a lot for sharing.
Greetings, Martijn