Comment charger le formulaire de contact en haut d'une carte google?

Question

Je veux créer une page de contact dans mysite (joomla). donc j'ai obtenu le code intégré de la carte et l'ajouter à la page en tant que module. maintenant je veux ajouter le formulaire de contact au-dessus de cette carte. carte comme arrière-plan et formulaire de contact sur ce fond.

carte charger comme iframe. Je ne peux pas gérer ce problème. Quelqu'un peut m'aider à résoudre ce problème?

Ceci est la structure de ma page php de mon module.

<div class="row" style="padding:10px;"> 

     <div class="row map"> 
      <iframe scrolling="no" .... 
        width="100%" height="450" frameborder="0" style="border:0"> 
      </iframe> 
      <div class="col-md-6 contact-form"> 

        //contact form should goes to here 
        //it is another module 

      </div> 
     </div> 
    </div> 

Answer 1

Avez-vous essayé de positionner la forme comme ceci: http://jsfiddle.net/lotusgodkk/GCu2D/255/

HTML:

<div class="row" style="padding:10px;"> 

    <div class="row map"> 
     <iframe scrolling="no" .... 
       width="100%" height="450" frameborder="0" style="border:0"> 
     </iframe> 
     <div class="col-md-6 contact-form"> 

       //contact form should goes to here 
       //it is another module 

     </div> 
    </div> 
</div> 

CSS:

.row { 
    position:relative; 
    width:500px; 
    height:400px; 
    border:1px solid red; 
    overflow:hidden; 
} 
.map { 
    width:300px; 
    height:250px; 
} 
.contact-form { 
    position:absolute; 
    top:50%; 
    left:30%; 
    z-index:1000; 
    background:#BFBFBF; 
    padding:20px; 
}