Le plug-in gmapfp

  • fredjouan
  • Auteur du sujet
  • Visiteur
  • Visiteur
il y a 9 ans 7 mois #3507 par fredjouan
Le plug-in gmapfp a été créé par 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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 ans 7 mois #3508 par gmapfp
Réponse de gmapfp sur le sujet 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 !

Connexion ou Créer un compte pour participer à la conversation.

  • fredjouan
  • Auteur du sujet
  • Visiteur
  • Visiteur
il y a 9 ans 7 mois #3509 par fredjouan
Réponse de fredjouan sur le sujet 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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 ans 7 mois #3510 par gmapfp
Réponse de gmapfp sur le sujet 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;

Connexion ou Créer un compte pour participer à la conversation.

Temps de génération de la page : 0.156 secondes
Propulsé par Kunena
FaLang translation system by Faboba