Page 1 sur 1

Problème Utilisation CSS Bords Arrondis

Posté : 22 déc. 2019, 20:57
par cg2604
Bonsoir,

Je souhaite utiliser une fonction css bords arrondis que j'ai créé pour une page spécifique de mon site Internet. Je n'arrive malheureusement à faire fonctionner la feuille de style sur cette page.

Voici le code de mon CSS :
.css arrondi
{
padding: 20px;
background: #D5D5D5;
border: 3px solid #000000;
border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px
box-shadow: 0px 10px 13px -7px #000000, 15px 15px 8px -7px #000000;
-webkit-box-shadow: 0px 10px 13px -7px #000000, 15px 15px 8px -7px #000000;
}

Je souhaite appliquer cette feuille de style sur un tableau pour obtenir des colonnes à bords arrondis. L'URL de ma page est la suivante : http://www.socios-gfca.com/trasfirimenti-121,1.html

J'ai déclaré mon CSS au début de mon code HTML :
<p><style type="text/css" media="all">
.css arrondi{
padding: 20px; background: #D5D5D5; border: 3px solid 000000; border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px box-shadow: 0px 10px 13px -7px #000000, 15px 15px 8px -7px #000000; -webkit-box-shadow: 0px 10px 13px -7px #000000, 15px 15px 8px -7px #000000;}
</style></p>

Puis je l'applique à mon tableau :
<table cellspacing="1" cellpadding="1" border="1" width="200">
<tbody>
<tr>
<td class="css arrondi">&nbsp;</td>
<td class="css arrondi">&nbsp;</td>
</tr>
</tbody>
</table>

Mais cela n'a aucun effet sur mon tableau et donc mes colonnes je ne comprends pas !!!.

J'espère que vous allez pouvoir m'aider rapidement.
Bonnes fêtes à tous.

Re: Problème Utilisation CSS Bords Arrondis

Posté : 23 déc. 2019, 11:22
par @rthur
Bonjour,

Il ne faut JAMAIS mettre d'espace ni de caractère spéciaux dans les noms de variables (typiquement dans le nom de ta class ici)