Discussion :

[luchet]

Bonjour

j'utilise un comteur sur une liste ordonnée "ol" et je voudrais que les coins de l'élément qui affiche le comteur soient arrondis
j'ai pour tester utiliser le fichier behavior: url(./images/PIE.htc);dans une balise div et cela fonctionne par contre dans la partie

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
li:before
{
content:counter(repas);
padding:0px 15px 6px 15px;
margin-right:8px;
vertical-align:top;
background:#678;
border-radius: 5px;
behavior: url(./images/PIE.htc);
font-weight:bold;
font-size:0.8em;
color:white;

cela ne fonctionne pas j'ai toujours des angles droits
Quelqu'un a -t-il réussi a mettre des arrondis dans un compteur ?
Si oui peut-il me donner une solution
Merci d'avance

[captain28]

Bonjour voici une petite aide

border-radius est une propriété CSS3, finalisée (Candidate Recommandation depuis février 2011) et déjà tout à fait utilisable en production dans les navigateurs modernes. Elle permet de manière très intuitive d'arrondir un ou plusieurs angles d'un élément en indiquant la valeur de l'arrondi souhaité

[NoSmoking]

Bonjour,
il existe également, à défaut de support CSS3
- Coins arrondis CSS
- Créer des coins arrondis à l'aide de Sprites CSS

[luchet]

Merci pour vos réponses mais elles ne sont pas utilisables sur un compteur de liste !!!!!

[NoSmoking]

à tout hasard, as tu essayé avec une background-image?

[eckerdecker]

Après un rapide check du css que tu as utilisé, qui selon ce que j'ai trouvé devrait fonctionner sur IE8, je dirai que ton problème vient surement de ton behavior.
Le chemin vers PIE.htc doit être relatif au document auquel est liée ta feuille de style et non pas à la feuille elle-même comme tu le ferais pour un background-image.
Vérifies déjà ça.
Sinon vérifie que PIE.htc peut être utilisé dans les :before, les fonctionnalités de cette librairie reste, mine de rien, assez limitées.