Problème alignement de deux éléments.
Fermé
Zamdieu
Messages postés
10
Statut
Membre
-
Nenyim Messages postés 76 Date d'inscription Statut Membre Dernière intervention -
Nenyim Messages postés 76 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
Et bien voici une partie de mon code :
<div align="left">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.9489409400176!2d4.356580551360295!3d50.83210966757101!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3c48a28729a35%3A0x440f05f2ba1769a5!2sMacao+New+Technologies!5e0!3m2!1sfr!2sbe!4v1445866268344" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<div align="right"><img src="img/parking.jpg" width="600" height="450">
</div>
J'aimerais bien aligné ma photo ainsi que ma carte google map horizontalement, actuellement mon image est bien à droite et ma map à gauche mais pas du tout aligner horizontalement, pouvez vous m'aider? Que dois-je écrire dans le css?
Et bien voici une partie de mon code :
<div align="left">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.9489409400176!2d4.356580551360295!3d50.83210966757101!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3c48a28729a35%3A0x440f05f2ba1769a5!2sMacao+New+Technologies!5e0!3m2!1sfr!2sbe!4v1445866268344" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<div align="right"><img src="img/parking.jpg" width="600" height="450">
</div>
J'aimerais bien aligné ma photo ainsi que ma carte google map horizontalement, actuellement mon image est bien à droite et ma map à gauche mais pas du tout aligner horizontalement, pouvez vous m'aider? Que dois-je écrire dans le css?
1 réponse
-
Il y a un <div> qui est ouvert mais non fermé. Si pour l'image vous rouvrez un <div>, ça va forcément aller l'aligner en dessous du côté demandé, mais pas sur la même ligne.
<div align="left">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.9489409400176!2d4.356580551360295!3d50.83210966757101!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3c48a28729a35%3A0x440f05f2ba1769a5!2sMacao+New+Technologies!5e0!3m2!1sfr!2sbe!4v1445866268344" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<img src="img/parking.jpg" width="600" height="450" align="right">
</div>
Après, mettre deux éléments qui font tous les deux 600px de large, ça risque d'être compliqué en fonction de la largeur totale.
