Problème alignement de deux éléments.

Fermé
Zamdieu Messages postés 8 Date d'inscription mardi 13 octobre 2015 Statut Membre Dernière intervention 23 octobre 2015 - 28 oct. 2015 à 10:13
Nenyim Messages postés 72 Date d'inscription mardi 27 octobre 2015 Statut Membre Dernière intervention 23 octobre 2017 - 28 oct. 2015 à 12:53
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?
A voir également:

1 réponse

Nenyim Messages postés 72 Date d'inscription mardi 27 octobre 2015 Statut Membre Dernière intervention 23 octobre 2017 27
28 oct. 2015 à 12:53
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.
0