Boites en CSS

Bonjour,je débute en CSS,j'ai écrit sur ma feuille htlm cette ligne:
<p class="boite1">boite1</p>
ensuite j'ai mis dans une feuille de style ce code:
.boite1
{
width: 125px;
height: 125px;
margin: 30px;
padding: 50px;
border:thin solid rgb(51,255,51);
background: rgb(0,0,0) url(images/dragon.gif) no-repeat fixed center center;
}
je souhaite que l'image s'aafiche dans la boîte ,mais rien ni fait
.SVP a l'aide.Merci

Bonjour zhortak et bienvenue ici.

D'abord un conseil général, pense a utiliser les boutons code pour que ton code apparaisse tel quel.

En réponse à ta question, est tu sur du chemin de l'image ? est ce que tu n'as pas de majuscule qui traine dans la CSS et pas dans le fichier ou inversement ?

j'avoue de pas utiliser les couleurs rgb , et leur preferer les codes hexadecimaux ou les noms , genre black ou #000, tu peux tenter ca aussi....

Salut,

tu as de l'aspirine ? et un mouchoir ?

Quand on utilise la valeur fixed pour le background-image alors le positionnement de l'image en background ne se fait pas par rapport à l'élément concerné mais par rapport à la fenêtre du navigateur, le viewport.

ouè, ouè, c'est énervant...

Mais en fait c'est ça les css, un truc très énervant...

Bienvenue au club
Modifié par Christian Le Bouler (27 Mar 2007 - 00:12)

merci de vos réponses, .Pour les boutons codes puis je avoir une petite explication .Mais afin que je progresse quelqu'un pourrait il me donner la solution a ce petit probleme:comment on affiche une image dans une boîte.

bonjour zhortak,

Il te suffit d'éditer ton premier post puis d'encadrer ton code par :
[code ]...[ /code] (sans les espaces)

Merci d'avance.

zhortak a écrit :
me donner la solution a ce petit probleme:comment on affiche une image dans une boîte.

On peut faire comme ça :

<div class="boite">
	<img src="images/machin.jpg" alt="Machin">
</div>

On utilisera cette solution lorsque l'image apporte une information. En particulier (mais pas uniquement) lorsqu'il s'agit d'une image portant un texte ou un pictogramme.

S'il s'agit d'une image de décoration, on peut faire ainsi :

<div class="boite">
	<img src="images/truc-decoratif.jpg" alt="">
</div>

On pourra aussi utiliser une image de fond via la propriété CSS background-image, ou pourquoi pas background.

Si tu ne sais pas comment fonctionne le background-attachment: fixed, il est probable que tu n'aies pas envie de l'utiliser. Dans ce cas, faire simple :

background: black url(images/truc-decoratif.jpg) no-repeat;