Décidément ce titre m'inspire… Brrhhumm, revenons au CSS. En voyant ces trois exemples de jeu avec la structure du blog, vous avez peut-être eu l'impression qu'on pouvait placer n'importe quelle colonne n'importe où, sans tenir vraiment compte de la configuration...

Toujours une application directe des (longues) explications de cet article. Cette fois les deux colonnes de modules sont à gauche, toujours sans toucher à la mise en page du blog ! Le bout de CSS miraculeux : #cl_1_1 {float:right} Explications La 1ère...

Une application directe des (longues) explications de cet article. Cette fois les deux colonnes de modules sont à droite, toujours sans toucher à la mise en page du blog ! Le bout de CSS miraculeux : #cl_1_0 {float:right} Explications Cette fois la 1ère...

Hihi.. le titre aguichera-t-il Gogol ? Ce design n'en est pas vraiment un, plutôt un exercice de style : vous avez remarqué que les deux colonnes de modules sont permutées ? Et cela sans toucher à la configuration du blog. Le bout de CSS miraculeux :...

Le point de départ Nous étions arrivés là : #global {width:1000px} #cl_1_0 {float:none;width:auto} #cl_1_0 .box {float:left;width:190px} #cl_1_1 {width:800px} #cl_1_2 {width:200px} Nous étions là et "c'était tout cassé", pourtant 800+200=1000. Alors ?...

Le point de départ Nous étions là : #global {width:1000px} #cl_1_0 {float:none;width:auto} #cl_1_0 .box {float:left;width:190px} Donnons maintenant 200 pixels de large à la deuxième colonne de modules et 800 à celle des articles : #cl_1_1 {width:800px}...

Le point de départ Nous en sommes là : #cl_1_0 {float:none;width:auto} #cl_1_0 .box {float:left;width:190px} Le plus intelligent est fait, reste à aligner tout ça "bien propre en ordre". Je décide, démocratiquement à moi tout seul, de marcher par multiples...

Le point de départ Nous en sommes là : #cl_1_0 {float:none;width:auto} Maintenant que la colonne est devenue ligne, il faut que les modules s'y rangent de gauche à droite plutôt que de haut en bas. On fait comment, mmmh, on fait comment ? Mais oui, on...

Le point de départ On commence par le vif du sujet : faire que la 1ère colonne de modules ne soit plus une colonne – en tout cas plus une colonne voisine des deux autres. Plus simplement dit : on veut qu'elle se comporte comme, mettons, la bannière du...

Mignon, non ? Pour obtenir ça il n'y pas besoin de cocher quinze cases enfouies au fond des menus. Il faut seulement se rappeler un fait souvent perdu de vue : les lignes et les colonnes d'un blog ne sont que des 'div' du modèle le plus banal, écrites...