BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - google map responsive
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

google map responsive

 Répondre Répondre
Auteur
Message inverser le tri
aloha allez vers le bas
Newbie
Newbie


Depuis le: 24 Août 2017
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer aloha Citer  RépondreRéponse Lien Direct à ce Post Sujet: google map responsive
    Envoyé : 27 Sep 2017 à 12:09
Effectivement il y a beaucoup plus simple^^'
j'ai réussi en utilisant les propriétés de la maps je suis de plus en
plus étonné de toute les options que fournis openelement et m'excuse
de me tourné en ridicule à chaque message mais au moins j’apprends LOL


Edité par aloha - 27 Sep 2017 à 13:29
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Sep 2017 à 11:12

Bonjour,

D'où sortez vous ces instructions?
Tout est mal "orchestré en fait.
Il y a plus simple en fait à faire.
Vous voulez donc un iframe pleine page de votre google map ou une hauteur spécifique?

Haut de la page
aloha allez vers le bas
Newbie
Newbie


Depuis le: 24 Août 2017
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer aloha Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Sep 2017 à 10:19
Bonjours,

j'ai posté un message concernant le responsive il y a quelque temps, aujourd'hui j'ai suivie les conseil des membres et crée un site avec un modèle respon. Mais je me heurte à un probleme en ce qui concerne google map voila le code que j'utilise pour rendre ma map responsive:

1er bloc en java header
<div class="map-responsive">
    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14882.11288552109!2d55.2891874!3d-21.1711654!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x253850835c3747fb!2sAloha+conduite!5e0!3m2!1sfr!2sus!4v1506495110104" width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
    </div>

2eme bloc en css endbody

.map-responsive{
overflow:hidden;
padding-bottom:100%;
position:relative;>
height:0;

.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

je comprend à peu près le code mais je suis un neophyte alors si vous pouviez me donné une direction cela m'aiderai beaucoup merci
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.