Le plug-in gmapfp

  • fredjouan
  • Topic Author
  • Visitor
  • Visitor
9 years 8 months ago #3507 by fredjouan
Le plug-in gmapfp was created by fredjouan
Bonjour,
Sur ce site , le plugin gmapfp est appelé par la commande :
{gmapfp id="1" lmap="300" hmap="300" itin="2"}
Dans le fichier css, les lignes suivantes ont été ajoutées :
.gmapfp_plugin {
border: solid 1px grey;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
Les lignes pour appeler les modules dans l'article :
{loadposition carteA}{loadposition photo}
Comment régler le plugin pour coller le liseré contre la carte et placer l'image qui est dessous, à côté ?
Merci d'avance
Fred

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

More
9 years 8 months ago #3508 by gmapfp
Replied by gmapfp on topic Le plug-in gmapfp
Bonjour,

Pourquoi passer par de module et ne pas mettre directement le code dans l'article ?

Sinon, tu peux ajouter à ton CSS:

.moduletable {
float: left;
}

Par contre, cela risque d'avoir une influence sur tes autres pages !

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

  • fredjouan
  • Topic Author
  • Visitor
  • Visitor
9 years 8 months ago #3509 by fredjouan
Replied by fredjouan on topic Le plug-in gmapfp
Non, le code indiqué saccage trop le reste du site.
Si je mets les deux objets dans l'article :
l'Oise. Notre site d'exposition est situé sur le camping du bois joli</p>
<p>{gmapfp id="1" lmap="300" hmap="400" itin="2"} <img src="images/com_hikashop/mobilehomes/IRM/31/31.jpg" alt="" /></p>
J'obtiens les deux objets l'un sur l'autre.
En créant un tableau en 100% avec la carte à 30%, ce n'est plus du tout responsive, la photo n'est pas redimensionnée.
Fred

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

More
9 years 8 months ago #3510 by gmapfp
Replied by gmapfp on topic Le plug-in gmapfp
Par contre si tu mets la carte et l'image dans une div en indiquant leur largeur en %, cela est responsive.
Pour limiter la taille mini de la div tu peux également utiliser min-width.
Pour mettre les div les une à coté des autre, tu peux utiliser display: inline-block;

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

Time to create page: 0.116 seconds
Powered by Kunena Forum
FaLang translation system by Faboba