28172 sujets

CSS et mise en forme, CSS3

Superposition d'images avec HTML et CSS

Bonjour à tous.

Après plusieurs heures de recherche sur les forums (Alsa et ailleurs), je ne trouve pas ma réponse et je désespère un peu.

Mon but : avoir une image de fond différente sur chaque page.
Mon souhait : garder une structure identique, quelques images identiques (dans mon fichier CSS, dans des <div> différents) que je superposerais sur l'image contenue dans le body ou le div "premier" de chacune de mes pages.

Voici mon code HTML :
<body>
	   
	   <div id="premier">
	   <img src="Images/imagefond.jpg" />
	   <div id="entete">
	   </div>
	   
	   <div id="menu">
	   </div>
	   
	   <div id="corps">
	   
	   </div>
	   
	   <div id="footer">
	   </div>
	   
	   </div>
	   
	   </body>
</html>

Et maintenant, mon code CSS :
body
	{
	background-image:url("Images/header.jpg");	
	padding:0 0 0 0;
	margin:0 0 0 0;	
	}

#premier
	{
	height:auto;
	}
	
#entete
	{
	height:auto;
        background-image:url("cadreellipse.png");
	}

#footer
	{
	height:60px;
	width:1280px;
	background:url("Images/footer.jpg");
	margin-top:auto;
	}

Les topics que j'ai visités ne portent pas le titre qui correspond, je bondis pourtant sur le moindre sujet qui parle d'image... rien...

Peut-être est-ce un problème de compréhension du positionnement en CSS, mais il me semble que ce serait plus adapté d'avoir une image différente par page en insérant l'image en HTML et non en CSS...

N'hésitez pas à me dire par quel moyen je peux trouver une solution, je deviens chèvre... Smiley eek
Salut,

si j'ai bien compris tu voudrais avoir une image de fond différente selon la page.

tu peut mettre un id sur le body par exemple :
Page : index.php
html :

<body id="accueil">
</body>

css:

body#accueil {
     background-image:url(image1.jpg);
}


à toi de faire pareil pour les autres pages.

J'espère que j'ai bien compris ta demande.
C'est en effet une partie de mon souhait.
En plus de l'image différente sur chaque page, il devrait pouvoir s'afficher plusieurs images formant le design commun à toutes... ce que ne fait apparemment pas cette solution...

Merci tout de même pour ton aide, mais cela ne résout pas mon problème... Smiley cligne
Bas selon la page ou tu es tu peux faire quelque chose du genre :


body#accueil #premier{
}


Non ?

Tu pourrait me montrer une image ? Comme ça je verrais mieux.
Sujet clos
Aller à