145
Mise en forme des formulaires et des tableaux de données
float: right;
margin-right: 0.2em;
}
.cal caption a:link,
.cal caption a:visited {
text-decoration: none;
color: #333;
padding: 0 0.2em;
}
.cal caption a:hover,
.cal caption a:active,
.cal caption a:focus {
background-color: #6d8ab7;
}
Pour.distinguer.la.ligne.initiale.de.titres.de.tableau,.je.lui.attribue.un.arrière-plan.un.peu.plus.
clair.que.le.reste.du.tableau,.avec.un.soulignement.subtil..Je.réduis.aussi.légèrement.la.taille.
du.texte.par.rapport.au.reste.du.tableau..
.cal thead th {
background-color: #d4dde6;
border-bottom: 1px solid #a9bacb;
font-size:0.875em;
}
Par.défaut,.je.souhaite.que.le.texte.dans.le.corps.du.tableau.soit.grisé,.afin.d’indiquer.qu’il.
ne. peut. pas. être. sélectionné..Vous. remarquerez. que. j’ai. également. appliqué. au. texte. une.
ombre.subtile..
.cal tbody {
color: #a4a4a4;
text-shadow: 1px 1px 1px white;
background-color: #d0d9e2;
}
Pour.donner.aux.cellules.du.tableau.un.effet.biseauté,.vous.devez.définir.des.couleurs.différentes.de.chaque.côté.(des.couleurs.plus.claires.en.haut.et.à.gauche.et.des.couleurs.plus.
sombres.en.bas.et.à.droite)..Vous.devez.ensuite.mettre.en.forme.les.liens.d’ancre..Ici,.je.les.
passe.en.mode.bloc.(display: block).et.j’applique.un.remplissage.pour.créer.une.zone.
réactive.analogue.à.un.bouton..Je.passe.également.en.gras.les.polices.et.choisis.un.arrièreplan.légèrement.plus.foncé.
.cal tbody td {
border-top: 1px solid #e0e0e1;
border-right: 1px solid #9f9fa1;
border-bottom: 1px solid #acacad;
border-left: 1px solid #dfdfe0;
}
.cal tbody a {
display: block;