Comment superposer fonds couleurs html

Bonjour,
j'ai ce code code qui ne tourne pas et qui devrait faire ce que je recherche.
C'est à dire juxtaposer 3 div sur fond blanc avec aux 2 extremités du bleu.
Dans mon cas tout le bandeau est en bleu
Merci de votre aide

body>
<div style="background-color:#0000FF">
<div id="header" style="background-color #FFFFFF">
<div style="background-color:#FFFFF"> <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>

Modifié par christian28 (07 Nov 2012 - 14:26)

Bonjour,
je vous renvoie le code mais je n'arrive pas à le présenter sous forme html
En fait je cherche à mettre 2 images , l'une à droite , l'autre à gauche avec du texte au milieu
et aux 2 extrêmes du bleu.
Donc dans mon code j'ai essayé de faire une superposition de DIV de couleur bleu et blanche mais ça ne marche pas
Merci de m'apporter votre aide.


<div style="background-color:#0000FF">
<div id="header" style="background-color #FFFFFF">
<div style="background-color:#FFFFF"> <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>
Modifié par christian28 (08 Nov 2012 - 10:25)

alors déjà pour commencer, il est fortement conseiller de faire tes styles sur une CSS et non directement dans ton HTML comme ça tu verras plus facilement tes erreurs et la logique reprendra le dessus sur ce cafouillage

en ce qui concerne ton code

<div style="background-color:#0000FF">
<div id="header" style="background-color #FFFFFF">
<div style="background-color:#FFFFF"> <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> 

pour demander une superposition de tes balises tu peux utiliser z-index mais déjà ça ne serait pas du luxe de donner une hauteur et une largeur à chaque div ainsi qu'un positionnement

Bonjour,

De plus, il y a des erreurs de syntaxe dans le code proposé ci-dessus (doubles points manquants):

Ici :

<div id="header" style="background-color #FFFFFF">

et ici :

<div style="background-color#FFFFF:"> <img src="logo.jpg" class="photoagauche"> </div>

De plus, dans le 2me cas, il y a un double point après #FFFFF.
Il manque aussi un F dans plusieurs #FFFFFF !

Ce sont peut-être des erreurs de recopiage, mais ce genre de "détail" ne pardonne pas souvent quand on développe une page Web
Modifié par lddsoft (26 Nov 2012 - 15:17)