Mettre cote à cote 3 images

Résolu/Fermé

chrystyan28 Messages postés 1 Date d'inscription jeudi 8 novembre 2012 Statut Membre Dernière intervention 8 novembre 2012 - 8 nov. 2012 à 14:02
Hxyp Messages postés 401 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 27 avril 2014 - 9 nov. 2012 à 02:30

Bonjour,

je souhaite mettre 3 div (contenant des images) cote à cote sur fond blanc et de chaque coté( à l'extrême droite et à l'extrême gauche) un fond bleu

voici mon code HTML et css qui ne tourne pas , j'avais pensé à superposer des div bleu et blanche mais ça ne marche pas .
est ce que quelqu'un pourrait corriger mon code ?
Merci beaucoup

<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div style="background-color:#0000FF">

<div id="header" style="background-color #FFFFFF">
<div style="background-color:#A44079"> <img src="carte.jpg" class="photo"> </div>
<div style="background-color:#FFFFF"> <FONT color="#4F83DC"><i><h1 class="fittext"> La maintenance<br>à vos mesures</h1></i></FONT></div>
<div style="background-color#FFFFF:"> <img src="logo.jpg" class="photoagauche"> </div>
</div>
</div>

</body>
</html>

.photo {
position: absolute;
top: 1em;
right: 15%;
width: 18%;
background-color:#FFFFFF;

}

.photocentre {
position: absolute;
top:0em;
right:40%;
width:18%;

}

.photoagauche {
position: absolute;
top: 1em;
left: 15%;
width: 18%;

}
body{
margin:0px;
}

#header{
height:120px;
background:#0000FF;
}

.fittext {
text-align:center;
margin: 0 auto;
}

A voir également:

Mettre 3 images côte à côte html
Logitech g pro x son que d'un coté ✓ - Forum Casque et écouteurs
:3 smiley ✓ - Forum Mail
Editeur html - Télécharger - HTML
Comment mettre deux textes côte à côte sur word - Guide
Picasa 3 - Télécharger - Albums photo

1 réponse

Réponse 1 / 1

Hxyp Messages postés 401 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 27 avril 2014 54
9 nov. 2012 à 02:30

Bonjour, si je me souviens bien il faut utiliser float:left; en css sur les div de vos images. https://www.w3schools.com/css/css_float.asp

Discussions similaires

J'ai oublier mon code mtn momo svp aidé moi a le debloquer

Ouvrir 2 PDF différents côte à côte dans Acrobat Reader DC

Que signifie cet emoji :3

mettre deux photos cote à cote

Voxbone ? qui est-ce ?