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?
A voir également:
- Problème alignement de deux éléments.
- Comment faire deux colonnes sur word - Guide
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Nombre de jours entre deux dates excel - Guide
- Deux ecran pc - Guide
- Fusionner deux cellules excel en gardant le contenu - Guide
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.
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.
<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.
