Discussion :

[tazmania]

Salut,

Je pense que CSS n'est vraiment pas fait pour moi, le truc tout bidon à faire et je n'y arrive pas. Et je passe encore des heures dessus à comprendre comment sa marche.

Voila mon soucis, je veux insérer une banière.

J'ai donc ma balise:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="banniere"></div>

Dans ma page HTML.

Je vais chercher le code css qui me permettrait de l'afficher.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" media="all" type="text/css" href="Includes/css/DesignSite.css" />

Et dans ma page css, je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#banniere {
background-image:url(./images/banniere/banniere.jpg);
}

Et la rien ne s'affiche

Je pense que le problème vient du fait que mes pages se trouve à des endroits différents.
Mais j'ai testé tous les chemins possibles pour y accèder mais je n'y arrive.

Mon forum se trouve sur C:\forum\index.php
Ma page CSS se trouve sur C:\forum\include\css\DesignSite.css
Et ma bannière se trouve sur C:\forum\include\images\banniere\banniere.jpg

[Dan_A]

Avant tout, la division doit-elle rester vide ?
Peut-être faut-il une hauteur à #banniere...

[Candygirl]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" media="all" type="text/css" href="Includes/css/DesignSite.css" />

Et dans ma page css, je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#banniere {
background-image:url(./images/banniere/banniere.jpg);
}

Mon forum se trouve sur C:\forum\index.php
Ma page CSS se trouve sur C:\forum\include\css\DesignSite.css
Et ma bannière se trouve sur C:\forum\include\images\banniere\banniere.jpg

Perso je vois 2 choses:

- Dans l'appel de ton css tu mets un I majuscule ainsi qu'un s à Includes alors que, lorsque tu présentes ton arborescence, tu ne mets un i minuscule et sans s. Il faut faire attention à la casse.

- Pour adresser ton image dans ton fichier css, tu dois redescendre d'un dossier puis monter dans le dossier images soit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

../images/banniere/banniere.jpg

le ./ signifie le dossier courant.

[tazmania]

En effet, j'avais mis un "I" majuscule dans le lien pour accèder à mon fichier css. Cela a été corrigé.
Au niveau du "s", c'est un oubli de ma part lors de la recopie .

Sinon j'ai bien essayé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

../images/banniere/banniere.jpg

Mais sa ne marche pas.
J'ai testé de mettre directement ma bannière dans le répertoire

C:\forum\includes\css\DesignSite.css

et cela ne marche pas non plus.
C'est bizarre

Edit à si sa marche sur le dossier courant
Reste plus qu'à trouver pour aller dans mon autre répertoire

Arf : Sa y est, j'ai réussi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

../../images/banniere/banniere.jpg

Merci à vous deux pour vos réponses qui m'on permis de m'orienter vers la solution

[Candygirl]

Il faut aussi que tu donnes une hauteur à ton div où tu ne verras pas ton images... (au fait ton image n'aurait-elle pas sa place dans le html comme l'a suggéré dan_A?):

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#banniere {
  height:200px;
  background-image:url(../images/banniere/banniere.jpg);
}

[tazmania]

En fait, je vous ai donné juste une partie de ma balise banniere

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#banniere {
	width: 600px;
	height: 150px;
	background-position:  center;
	margin-bottom: 20px;
	background-image:url(../../images/banniere/banniere.jpg);
}

J'avais donc bien mis une balise height

Encore merci

[Candygirl]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

../../images/banniere/banniere.jpg

Si c'est ça qui marche cela ne correspond pas à la description de ton arborescence ci-dessus.

Ton dossier images serait donc à l'extérieur de ton dossier includes soit:

C:\forum\index.php
C:\forum\includes\css\DesignSite.css
C:\forum\images\banniere\banniere.jpg

[tazmania]

Euh, en effet.

Je me suis encore planté dans ma saisie de mon arborescence

Et comme pouvez vous m'aider si je mets n'importe quoi.
En tout cas, vous faites du très bon boulot (membre, modo, rédac, etc..), et je vous en suis très reconnaissant, car vous arrivez à toujours régler mes problèmes ainsi qu'à ceux des autres


Vive la communauté dvp

[Candygirl]

oky, aucun souci, mais c'était juste pour clarifier les choses si quelqu'un tombe sur ce poste par une recherche

Au nom de l'équipe de développez, merci pour ces compliments