L'art de patafioler son blog avec le CSS, par l'exemple
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...
