Mettre cote à cote 3 images [Résolu/Fermé]

Signaler
Messages postés
1
Date d'inscription
jeudi 8 novembre 2012
Statut
Membre
Dernière intervention
8 novembre 2012
-
Messages postés
401
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
27 avril 2014
-
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;
}

1 réponse

Messages postés
401
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
27 avril 2014
53
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