Bonsoir,
La réalisation graphique est plutôt sympa, si ce n'est effectivement les hachures peut-être trop prononcées.
Une petite remarque supplémentaire concernant les liens encadrés du corps de texte. En hover, l'ajout de la bordure entraine un décalage de 1px vers la droite, ce qui perturbe parfois très légèrement la mise en page, notamment dans certains liens de tes listes.
Si tu souhaites pallier à ce problème, tu pourrais jouer sur un padding supplémentaire de 1px qui s'annule en hover et compensant ainsi l'épaisseur de ta bordure. Cependant, étant donné que tu imposes un padding de 13px à droite et ce dans une déclaration non reconnue par IE, imposer uniquement un padding de 12px à droite en hover ne serait pas approprié. Avec un petit hack !important, tu peux déjà corriger le souci de la façon suivante pour Firefox sans perturber IE.
a[href ^="http://"],a[href ^="gopher://"],a[href ^="https://"] {
background: url(../images/external.png) center right no-repeat;
padding: 1px 14px 1px 1px;
}
a:hover {
text-decoration:underline;
color:#333333;
border: 1px solid #ccc;
padding: 0 13px 0 0 !important; /* Pour Firefox */
padding: 0; /* Pour IE */
}
Il serait possible d'aller plus loin pour améliorer l'affichage d'IE, je pense, mais c'était juste pour l'idée. Donc si ça peut t'intéresser...
