Blog de michel.pageperso

Le style « metro » est toujours en chantier.
Ce jour, j’ai mis en ligne une nouvelle version de ce style. L’idée est de coller au mieux au style de Windows Phone. Pour les petits écrans, seuls les icônes apparaissent (en réalité le texte du contenu est placé sous le menu), mais pour les grands écrans, les icônes occupent 40% de la gauche et le contenu le reste. Encore restait il à trouver une place pour la « sidebar » et pour le « logo ». J’ai modifié également les polices pour faire plus Microsoft.
Seul soucis: le calendrier du blog. Pour Firefox, Internet Explorer et Opéra pas de problème; mais avec Chrome un padding ou un margin à droite du mois apparaît, pourtant le container est à width:100% comme le tableau des jours (facile à observer avec les couleurs en background).
Le gros boulot de cette version est l’utilisation des sélecteurs « a[href*="..."]{…} », « :nth-child(){…} » voire « :last-child(){…} ». J’ai pompé à droite et à gauche…