Joomla Templates Club 406,261 posts

[scala design Friend scala designJoin date: September 2012Posts: 12Downloads:0Uploads:0 Thanks: 3]

#181665

I edited the brand point and brand point hover images in the “Our Brand’s Address” map module so that they are smaller. I also edited the position of all my points so that my points are in the right locations on the map. My problem now is that when you hover over one of the points, the hover image is not properly aligned. The module is at the bottom of all my pages and my website is:

http://www.steelresources.com/index.php

Please help!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#471079

Hi scala,

Here is content of this module:


<div class="brandinfo-wrap">
<div class="brandinfo"><a class="brand-point point-1" href="#">1</a>
<div class="brandinfo-main">
<h4>Brands at Buckingham, New York , America</h4>
<span>Tel: (26 4) 2212820, Mail: info@joomlart.com</span></div>
</div>
<div class="brandinfo"><a class="brand-point point-2" href="#">2</a>
<div class="brandinfo-main">
<h4>Brands at Buckingham, New York , America</h4>
<span>Tel: (26 4) 2212820, Mail: info@joomlart.com</span></div>
</div>
<div class="brandinfo"><a class="brand-point point-3" href="#">3</a>
<div class="brandinfo-main">
<h4>Brands at Buckingham, New York , America</h4>
<span>Tel: (33 4) 2212820, Mail: info@joomlart.com</span></div>
</div>
</div>

How do you config in yours?

[scala design Friend scala designJoin date: September 2012Posts: 12Downloads:0Uploads:0 Thanks: 3]

#471102

Thank you for your quick response. Here is the code which I edited extensively:

<div style=”width: 308px; height: 200px;” class=”brandinfo-wrap”>
<div class=”brandinfo”><a class=”brand-point point-1″ href=”mailto:rpereira.br@srirep.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Brazil – Sales & Purchasing Agent</h4><span>Ricardo Pereira    E-Mail: rpereira.br@srirep.com<br />Tel: +55 (21) 2132-7503    Fax: +55 (21) 2132-8349<br />Av. Das Americas, 700 – Bloco 6 – Sala 210<br />Barra Da Tijuca Cep 22640-100<br />Rio De Janeiro, RJ Brazil</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-2″ href=”mailto:saleschile@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Chile – Sales Agent</h4><span>Fernando Alvarez    E-Mail: saleschile@steelresources.com<br />Cel: +569 79573695<br />Heriberto Covarrubias 21, Oficina 305<br />Santiago, Chile</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-3″ href=”mailto:lchung.cn@srirep.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI China – Purchasing Agent</h4><span>Louis Chung    E-Mail: lchung.cn@srirep.com<br />Tel: +86 (21) 50815881    Fax: +86 (21) 50815983<br />Suite 19G Huadu Mansion<br />828-838 Zhang Yang Road<br />Pudong Shanghai 200122, China</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-4″ href=”mailto:steelresources@etb.net.co”> </a>
<div class=”brandinfo-main”>
<h4>SRI Colombia – Sales Agent</h4><span>Hernando Suarez   E-Mail: steelresources@etb.net.co<br />Tel: +57 (1) 622-7106    Fax: +57 (1) 622-8229<br />Calle 100 #19A-50, Oficina 1004<br />Edificio Internacional Tower<br />Santa Fe Bogota, Colombia</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-5″ href=”mailto:salescostarica@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Costa Rica – Sales Agent</h4><span>Sergio Solano    E-Mail: salescostarica@steelresources.com<br />Cel: +506 8824 5141<br />Lomas de Ayarco Sur, Residencial La Itabe, # 18 D<br />Curridabat, San Jose, Costa Rica</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-6″ href=”mailto:carellano@srecuador.ec”> </a>
<div class=”brandinfo-main”>
<h4>SRI Ecuador – Sales Agent</h4><span>Christian Arellano    E-Mail: carellano@srecuador.ec<br />Tel: +593 (2) 2900455    Fax: +593 (2) 2230699<br />Av. de los Shyris N 32-14 y Av. Almagro<br />Ed. Torrenova Piso 8, of 8C<br />Quito, Ecuador</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-7″ href=”mailto:salessalvador@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI El Salvador – Sales Agent</h4><span>Jorge J. Charur    E-Mail: salessalvador@steelresources.com<br />Tel: +503 2288 8223<br />Km. 14 Carretera a Occidente<br />Santa Tecla, El Salvador</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-8″ href=”mailto:aozdemir@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Europe – Purchasing Agent</h4><span>Ahmet Feridun Ozdemir    E-Mail: aozdemir@steelresources.com<br />Tel: +41 (79) 4772732    Fax: +41 (22) 7032740<br />14 Chemin De-Normandie<br />CH-1206 Geneva</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-9″ href=”mailto:mzirion.gt@srirep.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Guatemala – Sales Agent</h4><span>Mario Estuardo Zirion Palma    E-Mail: mzirion.gt@srirep.com<br />Tel: +502 22031313    Fax: +502 22031314<br />Av. Las Americas 18-81, Zona 14 Edif. Columbus Center<br />13vo. Nivel, Oficina 13 Sur<br />Guatemala, Guatemala</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-10″ href=”mailto:ezedan.hn@srirep.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Honduras – Sales Agent</h4><span>Eduardo Zedan    E-Mail: ezedan.hn@srirep.com<br />Tel/Fax: +504 25162704<br />Colonia Trejo 17 y 18 Ave., 10 Calle S.O<br />Plaza Maria’s Loval 12<br />San Pedro, Cortez, Honduras</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-11″ href=”mailto:vmehta.in@srirep.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI India – Purchasing Agent</h4><span>Vinod Mehta    E-Mail: vmehta.in@srirep.com<br />Tel/Fax: +91 124 4363980<br />K10/40 DLF Phase 2, Lower Ground Floor<br />Gurgaon 122002, Haryana, India</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-12″ href=”mailto:saleseastafrica@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Kenya – Sales Agent</h4><span>Barrie V. Thomas    E-Mail: saleseastafrica@steelresources.com<br />Tel: +254 733 512733<br />P.O. Box 518<br />Nairobi 00621, Kenya</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-13″ href=”mailto:salesnicaragua@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Nicaragua – Sales Agent</h4><span>Marlon Prieb    E-Mail: salesnicaragua@steelresources.com<br />Tel: +505 2295 3344    Cel: +505 8672 0348<br />Km 22 1/2 Carretera Norte<br />Tripitapa, Managua, Nicaragua</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-14″ href=”mailto:bmendieta.pa@srirep.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Panama – Sales Agent</h4><span>Benjamin Mendieta    E-Mail: bmendieta.pa@srirep.com<br />Tel: +507 224-8805    Fax: +507 224-8674<br />Urbanizacion Marcasa, Calle 2da Duplex # 10<br />Panama, Panama</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-15″ href=”mailto:amelenez@sriperu.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Peru – Sales Agent</h4><span>Arturo Melenez    E-Mail: amelenez@sriperu.com<br />Tel: +51 (1) 6281591    Fax: +51 (1) 6281590<br />Edificio El Zafiro, Av. Alfredo Benavides #620 Dpto. 803<br />Miraflores – Lima, Peru</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-16″ href=”mailto:purchaserussia@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Russia – Purchasing Agent</h4><span>Alexander Drozdov    E-Mail: purchaserussia@steelresources.com<br />Tel: +7 (4732) 398679    Cel: +7 (903) 650-0905<br />Svobody Str., 69<br />Voronezh 394006, Russia</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-17″ href=”mailto:bgransaull.tt@srirep.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Trinidad – Purchasing Agent</h4><span>Burt Gransaull    E-Mail: bgransaull.tt@srirep.com<br />Tel: +1 (868) 468-2833    Fax: +1 (868) 653-5062<br />505 Mahogany Grove, Block 2 Palmiste<br />La Romain San Fernando, Trinidad and Tobago</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-18″ href=”mailto:jhoran@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI USA – Purchasing Agent</h4><span>John R. Horan    E-Mail: jhoran@steelresources.com<br />Tel: +1 (978) 579-0989    Fax: +1 (978) 579-9868<br />8 Stearns Lane<br />Sudbury, MA 01776 USA</span>
</div>
</div>
<div class=”brandinfo”><a class=”brand-point point-19″ href=”mailto:jhoran@steelresources.com”> </a>
<div class=”brandinfo-main”>
<h4>SRI Headquarters</h4><span>E-Mail: sales@steelresources.com<br />Tel: +1 (305) 459-4000    Fax: +1 (305) 592-8725<br />9155 South Dadeland Blvd, Suite 1800<br />Miami, FL 33156 USA</span>
</div>
</div>
</div>

Please let me know if you can help. Thank you again!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#471160

Hi again,

When I hover over one point, it shows information like demo, pls tell me how do you want it be aligned?

[scala design Friend scala designJoin date: September 2012Posts: 12Downloads:0Uploads:0 Thanks: 3]

#471437

If you look at the orange dot in the hover position, the top left part of the dot gets cut off so I can tell that the gray dot and the orange hover dot are not aligned properly. Do you know what the problem might be?

[Author]

Posts