CSS et coins qui s'affichent pas

Version imprimable

bonjour à tous!

j'ai pris ce code sur un site afin de faire un encadré avec des coins ronds

mais le hic est que mes coins ronds ne s'affichent pas

voici le code xhtml

Code:

1
2
3
4
5
6
7
 
 
<div id="cadre">
<div class="hautdroit"></div> <div class="hautgauche"></div>
<p class="texte">jkjkl</p>
<div class="basdroit"></div> <div class="basgauche"></div>
</div>

puis le code CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
 
#cadre /* Propriétés qui s'appliquent au cadre en général */
{
width: 200px;
background-color: #eeeeee;
}
 
.hautgauche .hautdroit .basgauche .basdroit /* Propriétés communes aux quatre coins de notre arrondi */
{
height: 20px;
width: 20px;
background-repeat: no-repeat;
}
 
.hautgauche
{
background-image:url(images/hautg.jpg);
}
 
.basgauche
{
background-image: url(images/basg.jpg);
}
 
.hautdroit
{
background-image: url(images/hautd.jpg);
float: right;
}
 
.basdroit
{
background-image: url(images/basd.jpg);
float: right;
}

mes images sont bien dans le dossier "images"

si quelqu'un pourrait m'aider se serait cool !

merci

05/03/2009, 14h23
Candygirl
Bonjour,
Citation:
Envoyé par oceane751

Code:

1 2 3 4 5 6 7 .hautgauche .hautdroit .basgauche .basdroit /* Propriétés communes aux quatre coins de notre arrondi */ { height: 20px; width: 20px; background-repeat: no-repeat; }
Il manque des virgules entre l'énumération des différentes classes auxquelles le css doit être appliqué:

.hautgauche, .hautdroit, .basgauche, .basdroit
05/03/2009, 14h31
oceane751

oauis ça m'affiche toujours pas mes images snif
05/03/2009, 17h35
desert

C'est correct si ta page html se trouve dans le dossier parent du dossier images. Si tu as mis à jour ce que Candygirl a mis et que ton dossier images se trouve à la bonne place, il ne devrait y avoir aucun problème.