Align marker group horizontally

IvanDC
Topic Author
Offline
New Member

9 years 5 months ago #6724 by IvanDC

Align marker group horizontally was created by IvanDC

Hi, I'm tryng (without success) to modify Zh google maps's CSS for show marker group horizontal. What I can do for do this.
This is the page: www.capracottatracking.com/index.php/it/...corsi-per-dislivello

I attached an image for explain better.

Attachments:

Please Log in or Create an account to join the conversation.

Dima
Offline
Platinum Member

9 years 5 months ago #6725 by Dima

Replied by Dima on topic Align marker group horizontally

Hi

Did you try like in my tutorial?

wiki.zhuk.cc/index.php?title=Zh_GoogleMa...roupStyle_Horizontal

Don't forget support my developments: post review in JED , donate , help with translation

Please Log in or Create an account to join the conversation.

IvanDC
Topic Author
Offline
New Member

9 years 4 months ago #6785 by IvanDC

Replied by IvanDC on topic Align marker group horizontally

I solved the problem adding three images (one for each category).
This is the code I used:

Code:

<div class="row-fluid">
<div class="span4">
<img style="width: 100%;" onclick="callToggleGroup(23);return false;" alt="" src="/File/pulsanti/0.jpg">
</div>
<div class="span4">
<img style="width: 100%;" onclick="callToggleGroup(24);return false;" alt="" src="/File/pulsanti/100.jpg">
</div>
<div class="span4">
<img style="width: 100%;" onclick="callToggleGroup(25);return false;" alt="" src="/File/pulsanti/400.jpg">
</div>
</div>

On the image tag i added the onclick function that enable and disable showing category, than i created three div span4 so when I view the website on mobile the three images create One column with three row.

PS I'll disable the left button via CSS (adding this string: display:none) then

Please Log in or Create an account to join the conversation.

Time to create page: 0.182 seconds