Discussion :

[oceane751]

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 :

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

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 :

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

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

[Candygirl]

Bonjour,

Code :

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

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

[oceane751]

oauis ça m'affiche toujours pas mes images snif

[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.