Bonjour =D

Je cherche le moyen de faire un cadre autour d'une image, une icon par exemple, comme sur un avatar. Mais je ne trouve pas de code T__T

Voila un exemple de ce que je recherche :


Si vous avez besoin de précisions, je suis à votre disposition

Bonsoir =)
Il suffit en fait de rajouter une propriété de style dans la balise de l'image directement.
Je te montre en exemple ce sera plus parlant pour toi :



Le code :

Code:

<img src="http://i33.servimg.com/u/f33/11/83/54/29/icon_111.jpg" style="border: 5px solid #000000;"/>

Ca marche très bien, merci beaucoup =D

Par contre, comment puis-je obtenir les coins arrondis ?

Bonsoir !

Pour obtenir les coins arrondis, il suffit de rajouter une petite chose dans le code de ton image, comme ceci :

Code:

<img src="http://i33.servimg.com/u/f33/11/83/54/29/icon_111.jpg" style="border: 5px solid #000000; -moz-border-radius: 10px;"/>

Ce qui donne :



Pour augmenter ou réduire l'arrondissement des bords, il suffit de changer la valeur :

Code:

-moz-border-radius: Xpx;

Voilà ! Au revoir !

Rectification :

Code:

border-radius: Xpx;
-moz-border-radius: Xpx;
-webkit-border-radius: Xpx;

La même valeur pour les 3.

Ah d'ailleurs, en parlant de cela, je n'ai jamais compris à quoi servait les 3 valeurs, et si elles sont indépendantes les unes des autres, on pourrait m'expliquer ?

Merci d'avance !

Merci à vous deux, les deux codes marchent parfaitement =)

Pour ma part, mon problème est résolu =D Merci !

LittleThing a écrit:

Ah d'ailleurs, en parlant de cela, je n'ai jamais compris à quoi servait les 3 valeurs, et si elles sont indépendantes les unes des autres, on pourrait m'expliquer ?

Merci d'avance !

La première est la propriété CSS3. Elle est comprise pas les navigateur ayant l'implémentation CSS3 ( Chrome et Opéra)
La seconde est la propriété propriétaire de mozilla. Les navigateurs sont encore avec CSS2 mais utilise cette propriété de substitution. Elle n'est comprise que des navigateur Mozilla.
La dernière c'est comme la seconde mais pour Safari et les ancienne version de Chrome.

Elle sont donc indépendante, puisque qu'elle ne sont pas utiliser par les même navigateur. Il faut les définir les 3 pour avoir l'arrondi sur tout les navigateur.
Seul IE demeure un problème insoluble.

Merci pour cette réponse rapide ! ^^

J'aurais dû m'en douter. Mais comme je suis têtue... Bref, encore merci !