Un bug d'encadrement d'une image dans une table

[Lunathiel]

Bonjour

j'ai créé pour mon forum une présentation originale de fin de combat que voici

[img][/img]

Et comme vous pouvez le voir j'aimerais encadrer les images mais malheureusement le cadre ne fait pas qu'entouré l'image il va jusqu'au bout du cadre...

Pour entouré l'image j'ai utilisé ce code :

Code:

<div style=" border: 2px solid; border-color:#000000; -moz-border-radius: 10px;">[img][/img]</div>


Ce n'est surement pas le bon code a mettre dans cette table... Alors que dois-je choisir pour pourvoir encadrer cette image?

Un tout grand merci de votre aide

[Anzu]

Bonjour ^^

Prenez les dimensions de l'image (hauteur et largeur) et rajoutez les dans le code, comme ceci:

Code:


<div style=" width: largeur de votre image en px; height: hauteur de votre image en px; border: 2px solid; border-color:#000000; -moz-border-radius: 10px;">[img]http://img840.imageshack.us/img840/8470/soulvement.png[/img]</div>

Cordialement.

[Lunathiel]

ça ne marche pas =/

Le cadre étant arrondis et pas l'image on ne vois pas les arrondis car ils sont masqué par le coin de l'image

=>

Et si j'agrandis la taille dans le code voici ce que j'obtiens:

=>

Est en passant par le css c'est possible?

[Anzu]

Code:


<div style=" width: largeur de votre image en px; height: hauteur de votre image en px; border: 2px solid; border-color:#000000; -moz-border-radius: 10px; background-image:url('http://img840.imageshack.us/img840/8470/soulvement.png');"></div>

Mieux ?

[Lunathiel]

WAW... génial Anzu merci beaucoup

PS: ton avatar est vraiment superbe =)