Dans la liste des sujets d'un forum, quand on utilise une police un peu plus grande que celle par défaut, il y a un léger effet de déplacement provoqué par l'effet de survol des lignes.
C'est visuellement assez désagréable.
J'ai déjà cherché d'où venait le problème et trouvé sa solution.
Quand une ligne est survolée, deux bordures apparaissent, ce qui provoque un agrandissement de l'espace occupé par la cellule. Ce n'est pas un problème dans le cas général, car la première colonne possède des bordures de la même couleur que le fond, ce qui équilibre l'espace occupé dans les deux états.
Le problème survient quand on change la hauteur de police, car dans ce cas, les cellules de la première colonne ne sont pas forcément les plus hautes, et ce sont les autres celulles qui imposent la hauteur de ligne.
Pour résoudre le problème, il suffit donc d'appliquer la même technique pour les cellules des autres colonnes que pour la première.
Code : Tout sélectionner
/* Main table cell colours and backgrounds */
.row1, .row1Poster {
background: #eff3f9;/*#eaedf4;*/
border-top: 1px solid #eff3f9;
border-bottom: 1px solid #eff3f9;
}
.row2, .row2Poster, .helpline {
background: #e0e8f2/*#d9e2ec;*/
border-top: 1px solid #e0e8f2;
border-bottom: 1px solid #e0e8f2;
}
.row1Poster, .row2Poster {
border-right: 1px solid #2e62aa;
}
.row3 {
background: #cedcec;
border-top: 1px solid #cedcec;
border-bottom: 1px solid #cedcec;
}
et merci pour la correction.