Sujet Précédent Sujet Suivant

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:

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
0

Discussions similaires

A quoi correspond cette croix sur snapchat
Sbnet -
Lili -

6 réponses
Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Aligner 2 photos côte à côte...
Dri80 -
tkyt -

10 réponses
Que signifie cet emoji :3
Moi -
AssassinTourist -

2 réponses
Savoir si je suis bloqué par une personne sur snap chat
Jkl33 -
Nej -

6 réponses