[RÉGLÉ] .table-bordered et Yougrids

[Dacet]

Salut la communauté,
j'ai un site en j3.2.2 avec un template Yougrids
normalement, je peux facilement mettre en forme
j'ai un tableau dans un article (ici)
j’essaie de mettre en forme comme c'est expliqué ici pour les tables et notamment avec .table-bordered qui ajoute bordures et coins arrondis à la table.
mais
MOI y'a pas de coins arrondis !!
que faire ??

[SIZE=1]<table class="table table-bordered">
	<tbody>
		<tr>
			<td>
				<p><span style="font-size: 12pt; color: #000000;">mardi</span>
				</p>
			</td>
			<td>
				<p><span style="color: #000000;"><em><span style="font-size: 12pt;">19h30 / 21h00&nbsp;</span>
					</em>
					</span>
				</p>
			</td>
			<td>
				<p><span style="font-size: 12pt; color: #000000;">cours adulte débutant à galop2&nbsp;</span>
				</p>
			</td>
		</tr>
		<tr>
			<td>
				<p><span style="font-size: 12pt; color: #000000;">mercredi &nbsp; &nbsp;</span>
				</p>
			</td>
			<td>
				<p><span style="color: #000000;"><em><span style="font-size: 12pt; line-height: normal;">17h30 / 18h30 &nbsp;&nbsp;</span>
					</em>
					</span>
				</p>
			</td>
			<td>
				<p><span style="font-size: 12pt; color: #000000;">cours enfant de tout âge (cours shet cirque)</span>
				</p>
			</td>
		</tr>
		<tr>
			<td>
				<p><span style="font-size: 12pt; line-height: normal; color: #000000;">jeudi</span>
				</p>
			</td>
			<td>
				<p><span style="color: #000000;"><em><span style="font-size: 12pt; line-height: normal;">19h30 / 21h00</span>
					</em>
					</span>
				</p>
			</td>
			<td>
				<p><span style="font-size: 12pt; line-height: normal; color: #000000;">cours adulte&nbsp;galop2 à galop7</span>
				</p>
			</td>
		</tr>
		<tr>
			<td>
				<p><span style="color: #000000;"><span style="font-size: 12pt;">vendredi&nbsp;</span><span style="font-size: 12pt;"><span style="font-size: 10pt;">(1 semaine sur 2)</span></span>
					</span>
				</p>
			</td>
			<td>
				<p><span style="color: #000000;"><em><span style="font-size: 12pt;">19h30 / 20h30&nbsp;</span>
					</em>
					</span>
				</p>
			</td>
			<td>
				<p><span style="font-size: 12pt; color: #000000;">défi'étho pour tous - travail au sol&nbsp;</span>
				</p>
			</td>
		</tr>
	</tbody>
</table>[/SIZE]

[jisse03]

Re : .table-bordered et Yougrids

Bonjour,

Avec quel navigateur ?

La définition CSS de YJSG pour table-bordered est

.table-bordered {
border: 1px solid #007ebd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

Si le navigateur ne reconnait pas une des formes de border-radius, l'arrondi est ignoré.

Fonctionne correctement au moins sous Chromium, Chrome, Firefox, IE11, Opera 12, navigateur natif Android, Opera Mini sur Android pour ce que j'ai pu tester.

[jisse03]

Re : .table-bordered et Yougrids

Par contre, sur ton site, effectivement, tu as une anomalie

.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: ;
-moz-border-radius: ;
border-radius: ;
}

Le border-radius est vide !

Mets la définition que j'ai donnée ci-dessus dans le fichier custom.css, puis dans le template, utilises Vider le cache et enregistrer pour forcer la recompilation du CSS. ça devrait corriger le problème.