CSS -moz-border-radius sur une image

Bonsoir,

Je rencontre plusieurs soucis assez ennuyant, d'une part, la bordure "violette" qui me dérange et d'autre part, la propriété des coins arrondis qui ne s'appliquent pas à l'image.

Voici l'image :



Voici donc le code que j'utilise :

<div class="miniature_photo">
                        <a href="galerie.php"><img src="img/girl.jpg" height="200" width="150"/></a>
                    </div>

.miniature_photo img{
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(border-radius.htc);
}

Voila,

donc si quelqu'un est en mesure d’éclairer ma lanternet, ce serait cool

Merci
Modifié par Make In Design (14 Jan 2011 - 23:57)

Hello,
La bordure violette est du a l'img qui est entourée d'un lien, donc un

border:none

devrait faire l'affaire.
Pour les border-radius sur l'image, effectivement c'est un bug connu dans certains navigateurs.
De mémoire (mais il est tard), c'est OK avec Safari/ Chrome(webkit) et je crois que c'est corrigé dans Firefox 4(gecko 2). Pour Opéra je ne sais pas, et IE9 non plus.

A verifier donc...
Modifié par vdo93 (15 Jan 2011 - 00:03)

Merci pour ta réponse,

Le soucis, c'est que si je met : border:none;

Alors je n'ai plus de bordure, du tout, donc pas de bordure arrondie. Etant donné que c'est pour un projet dynamique, je ne peut travailler ses images manuellement. J'ai cru lire sur le net qu'un script php permettait l'arrondissement des coins dynamiquement. Quelqu'un s'y connait ?

Pour la version de mozilla que j'utilise, c'est celle ci : 3.6.13
Je viens de télécharger la version 4 en beta, et aucun soucis apparent... Mais étant donné que c'est qu'une version beta, il faut que ces coins arrondis fonctionnent aussi :s ( en esperant que firefox ne devienne pas un futur IE... )

Même problème sur opera 11, je ne m'en était pas aperçu, il ne prend aucun de ces paramètres pour arrondir les angles.

Encore merci
Modifié par Make In Design (15 Jan 2011 - 00:26)

essaye d'appliquer ce css sur un tableau 1*1 ou un div où tu mis ton image dedans, ça fonctionne sur tous les navigateurs, mais je sais c'est du bricolage...