28173 sujets

CSS et mise en forme, CSS3

[résolu] Une background-image qui ne s'affiche pas

Bonjour et merci pour votre aide

Je ne comprend pas ce qui se passe sur une simple page j'ai mis une background-image mais celle-ci refuse absolument de s'afficher.

Voici le code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
</head>
<style type="text/css" title="mes_styles" media="all">
body 
		{
	background-image:url(/images/arbre2.jpg);
	background-repeat: repeat-y;
	background-position:  50% 0px;
	margin-top: 2px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:small;
	background-color: #990033;
		}

#page
		{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 800px;
	top: -3px;
	}
#gauche 
		{
	position:relative;
	float:left;
	width:105px;
		}
#milieu 
		{
	position:relative;
	float:right;
	background-color: #FFF;
	text-align: left;
	width:694px;
		}
</style>
<body>

<div id="page">

	<div id="gauche">ceci est un texte contenue dans une balise div #gauche   </div>
        
	<div id="milieu">
	  <p>ceci est un texte contenue dans une balise div #milieu</p>
	</div>
    
</div>
</body>
</html>


et voici a quoi cela devrais ressembler
upload/14267-Image1.png

J'ai trouvé cela sur pompage http://pompage.net/pompe/colonnesfactices/[/url]

Si vous pouviez m'expliquer d'où viens l'erreur que je puisse un peu mieux comprendrece qui se passe.

Merci à tous
Modifié par tepe. (12 Oct 2007 - 15:13)
Pourquoi personne ne répond a mon post

J'ai commis une erreur de procédure ou je l'ai pas posté au bon endroit.

S'il vous plait aidez-moi Smiley eek
Bonsoir 

Pourquoi personne ne répond a mon post

Peut être qu'ils sont au travail

ou je l'ai pas posté au bon endroit.

Moi j'aurai posté au salon Débutants

Quand Cygnus te dit :
es-tu sur de l'url de ton image ?

C'est qu'il doit y avoir un truc la derrière.

Bon allez, dans ton url enlève le premier / pour lire :
background-image:url(images/arbre2.jpg);


Pour info quand ton image apparaîtra, je crois qu'elle ne sera pas exactement là où tu veux.
Modifié par pastazere (11 Oct 2007 - 19:26)
Bonsoir.
Si tu es certain du chemin menant à ton image essaies en indiquant :
 
background: url("../images/arbre2.jpg");

Comme tu vois, j'ai ajouté des guillemets et 2 petits points devant le slashe (pour indiquer qu'on sort en amont du dossier ou la css se trouve) sinon bien sur : pas de slashe du tout.
J'espère pour toi que ça ira mieux ainsi.
pastazere
a écrit :
Peut être qu'ils sont au travail


Oui c'est vrai, excusez moi pour cet impatience.

Aureance

Merci cela fonctionne parfaitement maintenant

Merci à tous
Sujet clos
Aller à