Superposé des images : impossible ;)

Enfin à ma connaissance. Je te conseil de placer la bannière sur l'image en utilisant un logiciel de retouche (photoshop ou paint hein ^^). Après tu places le résultat (donc plus qu'une image) dans ta page web ;)

Pour ce qui est des espaces entre les images, je t'invites à te renseigner sur les attributs padding et margin de ton css ;)

Mais là tu vas te heurter à la joie du développement web, incompatibilité en tout genre bonjour ! xD Sans ton Bescherelle, t'as tout faux.
Et surtout, n'oublies pas d'indiquer quand ton sujet est rés­olu !

Ho bah je me suis déjà heurté aux problèmes d'incompatibilité avec le padding et le margin !

Pour la bannière, le soucis c'est qu'elle animée (sinon je me prendrais pas la tête)...

T'es sûr que c'est pas possible de pouvoir supperposer des images ?

Il me semble qu'on ne peut faire que de la superposition de textes et d'images :s

Mais tu dois pouvoir intégrer ton animation sur ton image via un truc un peu plus costaud que paint, genre photoshop si tu peux te permettre ou gimp (il paraît qu'on peut faire des trucs avec ça, j'suis pas convaincu mais bon^^)

Pour les espaces, un margin:0px devrait régler l'affaire. Sans ton Bescherelle, t'as tout faux.
Et surtout, n'oublies pas d'indiquer quand ton sujet est rés­olu !

Merci pour les conseils !

Pour le margin, je viens de me rendre compte que je le faisais avec une erreur de syntaxe et c'est sûrement pour ça que ça ne marchait pas(j'avais oublié de mettre "px" après la 0, boulet que je suis...).

Je vais mettre tout dans un tableau (sans espace cette fois ^^) et je vais tester avec le z-index, même si j'y crois pas trop à la position absolue, pour le problème des résolutions.
Au pire, je sépare l'image du milieu en 2 images qui encadreront la bannière, et je remets tout en place avec un tableau un peu plus complexe.

Là tout de suite j'ai pas le temps de le faire, mais dès que je peux j'essaie ça et je dirai après si ça marche ou pas.

Je fais appel une nouvelle fois à vos conseils avisés (je ne crée pas de nouveau topic étant donné que c'est aussi pour un problème d'image, et c'est avec le même code que j'ai donné à mon précédent message).

Donc pour le header, pas de problème, tout se passe bien.
Je m'attaque au contenu et je commence par le background. Mon image pour le bg c'est juste une ligne que je répète autant de fois que nécessaire (avec un background-repeat).

Donc j'ai mon header et juste en dessous je commence le bg qui se répète. Le problème c'est que j'ai un décalage de quelques pixels entre les deux et je ne comprends pas d'où ça vient...

Voici le CSS du bg :

.content

{
padding: 0px;

padding-top: 100px;

padding-bottom: 200px;

width: 762 px;

margin: auto;

background-image:url(images/bg.bmp);

background-repeat:repeat-y;

background-position:center;
}

Le code du header :
.header

{

margin: auto;
padding: 0px;

width: 762px;
background-position:center;

}

et l'html :

<div class="header">

<img id="hg" src="images/haut-gauche.bmp" /><img id="ban" src="images/ban-razta.gif" /><img id="hm" src="images/haut-milieu.bmp" /><img id="hd" src="images/haut-droit.bmp" />

</div>
<div class="content">
</div>


Voyez-vous pourquoi y'a un décalage entre le header et le bg ? (ça doit faire 4 ou 5 pixels)