Tableau à bord arrondis , sans images ?

Bonjour à tous,

Voilà j'essaie de faire un tableau à bord arrondis, mais sans utiliser d'images. Pour cela j'utilise "border-radius" comme dans l'exemple ci-dessous :

<i>
<table style="-moz-border-radius:2em" border=1 border-collapse=separate>
<tr><td style=" background-color:red">a</td><td style="background-color:red">a</td></tr>
<tr><td style=" background-color:red">a</td><td style="background-color:red">a</td></tr>
<tr><td style=" background-color:red">a</td><td style="background-color:red">a</td></tr>
</table>
</i>



Les bords du tableau sont arrondis, mais il y a un problème car le background ne suis pas les contours. Si qqn a une réponse à ce problème ça m'interrese.


Merci.
Modifié par gary59 (10 Nov 2008 - 15:48)

Bonjour,

Il se peut que le comportement que tu observes soit normal. Je ne sais pas ce que dis la spécification au sujet des contenus qui dépassent visuellement de la bordure arrondie avec border-radius (doivent-ils être rognés ou affichés entièrement?), ce serait à vérifier.

Je pense qu'à ta place je laisserais tomber cet effet casse-gueule et tenterais quelque chose de plus sûr.

Lorsque du dit "tenter quelque chose d'autres" tu pense à quoi ?
A utiliser une des images ?

gary59 a écrit :
Lorsque du dit "tenter quelque chose d'autres" tu pense à quoi ?

À utiliser des images de fond, ou à changer de design.