Bon alors voilà, la repro en question est sur mon site "officiel", il s'agit du site de Sephiroth (original et reproduction). Et maintenant, la partie technique...
Je n'utilise pas de frames mais une présentation immuable, ce qui donne la même impression. Vu le poids plume des pages, on peu se permettre de renvoyer quelques lignes d'en-tête! Et ma présentation se fait uniquement à l'aide de CSS, comme d'habitude. Je me suis bien laché, en utilisant les outils à ma disposition sur l'excellent outil qu'est Firefox:
colorzilla, pour les couleurs mais aussi pour la fonction DOM-path, super utile quand on sait qu'IE ne comprend pas grand-chose aux sélecteurs CSS-2... Ca m'a aidé pour m'y retrouver à écrire un petit plaisir d'imbrication:
#releases ul li {padding-bottom: 2em}
#releases ul li ol li {padding-bottom: 0}
Et aussi Edit CSS qui permet de travailler son css en live, sans devoir sauver-recharger à chaque modif. Un plugin TRES recommandé pour tout développeur CSS. Et maintenant, la récompense pour ceux qui suivent encore... La petite histoire.
Tout allait bien, je commence par construire du code propre et bien marqué pour tester sous FF, puis m'attaque au CSS. Une fois obtenu les effets voulus, je passe sous IE qui ne copmrend rien à mes sélecteurs, je reprends ma feuille et simplifie la sélection. Jusque là tout va bien... Mais une fois tout fini, les liens vérifiés et tout et tout, je me souviens d'Opera... Je le lance (depuis ma clé USB aussi, c'est rudement pratique ces machins-là!) et là, c'est la fin du chocolat: mes deux divs se flottent dedans d'une manière indécente. Je dois y aller mais je vais essayer de comprendre pour quelle raison je me retrouve planté (float? overflow? marges et autres, propriétés pas remises à zéro? Les possibilités sont nombreuses, et je ne connais pas bien Opera) demain. La suite au prochain feuilleton... J'ai du badminton au programme là!
Comments disabled because of spammers.
No comments yet