[RÉGLÉ] code CSS avec GmapFP

[yvansurf]

Bonjour.
Je me sers de GmapFP pour introduire des cartes Google dans mes articles.
Pour que les cartes puissent être réduites à X%, le code suivant est placé dans la personnalisation CSS de ce composant:

div#gmapfp > div {
width: 80% !important;
display: inline-block;
}

Cela fonctionne parfaitement, mais la carte se positionne à gauche de l'article. Je voudrais qu'elle soit centrée.
Quel code doit-t'on ajouter pour cela?
Je vous remercie.

PS - J'ai posé la question sur le forum de GmapFP, mais n'ai pas de réponse.

[lomart]

Bonjour,

Sans pouvoir faire de test, je dirais

div#gmapfp > div {
  width: 80% !important;
  display: inline-block;
  margin-left:auto;
  margin-right:auto;
}

Ou plus simple, ajouter la règle :

div#gmapfp {text-align:center}

[yvansurf]

Merci Iomart.
J'ai directement utilisé le code plus simple que tu m'a fourni et c'est parfait.
Super

[yvansurf]

Demande subsidiaire...
Je n'arrive-pas à réduire la hauteur de la carte. Quel code ajouter? Merci

[lomart]

Toujours sans garantie

 
 div#gmapfp {text-align:center; max-height:300px}

[yvansurf]

Bonjour Iomart
J'ai utilisé ce code et ça fonctionne.:

div#gmapfp {text-align:center; max-height:300px} [/CODE]

Par contre j'ai essayé de remplacer la taille en px par un % et là, la taille non réduite s'affiche!
Ca m'ennuie pour le coté responsive de l'article. Je mets toujours tout en %.
Ben compliqué tout ça

[lomart]

Bonjour,

En hauteur, on peut utiliser un pourcentage relatif à la hauteur de l'écran. 50% s'est 50vh
Ensuite en reponsive un 300px ça passe !

[yvansurf]

Bonjour
En pourcentage ça ne fonctionne-pas, mais j'ai testé sur mes mobiles et, tu as raison, c'est bon.
Je vais en rester là.
Je te remercie.