Problème alignement de deux éléments.
Fermé
Zamdieu
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
Nenyim Messages postés 72 Date d'inscription Statut Membre Dernière intervention -
Nenyim Messages postés 72 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.
- Nombre de jours entre deux dates excel - Guide
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Deux ecran pc - Guide
- Comment faire deux colonnes sur word - Guide
- Deux whatsapp sur un téléphone - 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.