TOPIC: How to change width of the map div?

Under "Hotspots configuration -> Layout" page, I can edit only height of the map div. How could I change width of the map div? Thanks.

I am using Hotspots 3.2.2 with Joomla 2.5.8

Hey there,
The map div is automatically getting the width of the available space. You cannot set it yourself. Why do you want to do this in the first place? Is something not properly working or what?
Daniel

After hotspots 3.2.2 has been installed:

- I created a category and a hotspot within this category.
- Then, I created a menu item "My Map" in the top menu with the following attributes:
Menu Item Type: Hotspots / Map View
Menu Title: My Map
Alias: mymap
...

After publishing this menu item, what I got is shown in the attached picture. The width of the map is only about 50%~60% of the page. I could adjust height of the map from "Hotspots configuration / Layout". But I do not know how to adjust width of the map.

Looks like this is a joomla template issue.
I haven't figured out how to solve it yet.

Is it possible that the map is not taking the full available space, because your template is not properly handling the case when there is nothing in the right side? (is there normally a template position? How are other components behaving?)

Daniel

The template I am using does have a left side column and a right side column. It looks like it could handle the situation when there is nothing in the left and right. For example, if I create a single-article menu item and do not assign any module to its left position and right position, the article will take 100% of the page width.

I managed to add the hotspots map into an article according compojoom.com/forum/138-tricks/16483-how...o-an-article-v-2-0-5

Then, I created a menu item for this article. This time I get a full size map as shown below, which is good.




However, If I click "read more" on a marker, I get something as shown below. How could I fix this problem?



Sorry for the Chinese-Character top menu items. You can ignore their literal meanings.

Well, I don't speak Chinese, so don't worry - I'm ignoring their meaning

can you give me a link to the site (direct link to hotspots please)? I'm out of ideas and I need to look at the code to be able to help you.
Daniel

The link to the map is
www.durhamchina.com/2013-01-23-04-46-41.html

Thanks.

www.durhamchina.com/templates/rt_afterburner/css/light4.css line 102
remove the float: left and it will be ok. However I'm not sure if this won't create other problems.
So test it and let me know.
Daniel

You are genius. After removing "float: left", hotspots map works perfectly. "Read More" problem also disappears.

I've also checked other parts of the website. So far, no other problems found.

Thanks a lot! Have a nice weekend!

BTW: I just submit my review on extensions.joomla.org for hotspots. Excellent.

Thanks for the review! not a genius, just someone who knows a little CSS
www.w3schools.com/css/

Have a nice weekend!
Daniel