28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai recherché sur le forum la solution à mon problème, mais j'ai pas trouvé donc je poste.
J'explique j'ai pour but d'intégrer une simple image en background à un conteneur, mais rien n'y fait elle n'apparait pas, par contre avec un background de couleur ca fonctionne, et je ne vois pas ce qui peut clocher si vous aviez une idée ?
A noter qu'en fixant l'image dans le code HTML elle s'affiche mais j'ai moins de possibilité par ce biais, le background-repeat par exemple.


<div id="corps">
		   <img alt="" src="./images/fond_corps.png" /> <!--test avec une image en dur --> 
			<h1>Titre 1</h1>
				<h2>Titre 2</h2>
					<p>Je suis un paragraphe</p>


et le CSS donne simplement :

#corps
{
background:yellow;
background-image: url("./images/fond_corps.png");
background-attachment:fixed;
margin-left : 17% ;
margin-right:15%;
padding:0px;
text-align:justify;
}



Pour être sur de pas être "pollué" par le reste du code j'ai même tenté sur une page vierge.. pas mieux comprends pas
Modifié par lucho (17 Dec 2009 - 20:25)
Bonsoir,

Je suppose que ton fichier HTML et ton CSS ne sont pas dans le même répertoire, et que donc ton URL relative doit être différente.

Exemple :

fichier HTML à la racine du site /
fichier CSS dans le sous-répertoire /style/
images dans le sous-répertoire /images/

Pour inclure une image dans le fichier HTML tu devras utiliser : src="images/mon_image.jpg"
Pour inclure la même image dans le fichier CSS, tu devras utiliser : url("../images/mon_image.jpg")

Personnellement je n'utilise que des chemins absolus, comme ça je ne me mélange pas les neurones Smiley cligne
Hello lucho et bienvenue,

la première question est de savoir comment ton code CSS est appelé : élément LINK ou STYLE ?

cf. Comment appeler une feuille de styles.

D'autre part le chemin vers les images en background CSS prend comme référence l'emplacement de la feuille de style. Le plus simple est d'employer des outils tels que les extensions Firefox web developper et firebug.
J'ai tout farfouillé en suivant vos indications, revue l'organisation de mes dossiers, du coup moins de prise de tête et ça fonctionne, merci et désolé d'avoir dérangé Smiley langue

A la prochaine question ^^