Olivas - Posté le 07/06/07 15:10

Niveau : Premium
115 messages

J'aimerais connaitre le moyen d'élagir mon blog, sachant que mon accueil est en configuration, "deux colones, modules à droitee" et que mes articles sont en configuration "trois colonnes".

 

J'ai bien essayé de modifier le css en lisant les nombreux sujets déjà lancés ici... mais quand la modif fonctionne d'un coté ça ne marche pas de l'autre...

 

Quelqu'un peut-il m'aider ?

(Je voudrais surtout que la future colone centrale garde la même largeur pour garder la même mise en page de mes articles)

 

merci

rien de grand (...) ne s'est crée sans passion.

Cln - Posté le 07/06/07 18:08

Niveau : Privilège
16424 messages

Y'a quelque chose de pas logique dans ta demande. Je vais te donner les codes à ajouter, mais pour que la colonne article reste de même taille, c'est celle des modules de l'accueil qui va devenir immense.... ou alors se créera un large espace entre les deux pour la troisième solution...

Accueil, agrandissement du global et de la colonne modules (sauf articles)

body {padding: 0px; margin: 0px;}
#global {padding: 0px; margin: 0 auto; width:900px;}

.ln {clear:both;}
.cl {float:left;}
.clear {clear:both;}

/* modele */
#ln_1 {}
#cl_0_0 {margin:0px; padding:0px; width:100%;}
#cl_1_0    {margin:0px; width:485px; padding:5px;}
#cl_1_1    {margin:0px; width:395px; float:right;}
#cl_1_1 .box-content {text-align:center;}
#cl_2_0 {width:100%;}
.box {overflow:hidden;}

Articles

body, html {padding: 0px; margin: 0px;}
#global {padding:0px; margin:0 auto; width:900px;}
.ln {clear:both;}
.cl {float:left;}
.clear {clear:both;}

/* modele */
#ln_1 {}
#cl_0_0 {margin:0px; padding:0px; width:100%;}
#cl_1_0,#cl_1_2 {margin:0px; width:195px;}
#cl_1_1    {margin:0px 5px; width:485px; padding:0 5px;}
#cl_2_0 {width:100%;}
.box {overflow:hidden;}

Article avec vide entre

body {padding: 0px; margin: 0px;}
#global {padding: 0px; margin: 0 auto; width:900px;}

.ln {clear:both;}
.cl {float:left;}
.clear {clear:both;}

/* modele */
#ln_1 {}
#cl_0_0 {margin:0px; padding:0px; width:100%;}
#cl_1_0    {margin:0px; width:485px; padding:5px;}
#cl_1_1    {margin:0px; width:395px; float:right;}
#cl_1_1 .column_content {width:195px; float:right; text-align:center;}
#cl_2_0 {width:100%;}
.box {overflow:hidden;}

Comprendre la V2 ^ ^ SAV du CSS OB, Bonjour ! ^ ^

Olivas - Posté le 07/06/07 23:18

Niveau : Premium
115 messages

Merci de ton aide, tu avais raison pour cette histoire de largeur de la colone article...

J'ai adapté, et c'est bon comme çà.

 

Pour fignoller, j'aurais bien placé un petit filet gris ( #ccc ) pour séparer ma colone centrale de celles des modules...

mais j'abuse peut-être  ;)

rien de grand (...) ne s'est crée sans passion.

Cln - Posté le 08/06/07 07:44

Niveau : Privilège
16424 messages

Là où tu n'as qu'une seule colonne de modules, à gauche, ajoute

border-right:1px solid #ccc;

dans la ligne #cl_1_0

et dans celle où tu as les deux cols de modules, ajoute

border-right:1px solid #ccc; border-left:1px solid #ccc;

dans ta ligne

#cl_1_1

Il faudrait peut-être que tu affines tes width de colonnes, du coup...

Comprendre la V2 ^ ^ SAV du CSS OB, Bonjour ! ^ ^

Olivas - Posté le 08/06/07 18:33

Niveau : Premium
115 messages

Merciiiii !

Ca me semble bien.

Je ne sais pas si il faut changer les width, vu que je reste inferieur à 900 au total ? Ca à l'air d'être en équilibre comme ça...

 

:)

rien de grand (...) ne s'est crée sans passion.

Cln - Posté le 08/06/07 18:42

Niveau : Privilège
16424 messages

Sur Firefox, ce n'était pas le cas, mais si tu supprimes l'accolade fermante en trop à la fin de ta ligne body, ça revient à la normale !!  

body {padding: 0px; margin: 0px; background-color:#333 ; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#FFF;}}

Comprendre la V2 ^ ^ SAV du CSS OB, Bonjour ! ^ ^

Olivas - Posté le 08/06/07 21:16

Niveau : Premium
115 messages

 

OUPS !

 

rien de grand (...) ne s'est crée sans passion.

Barbarette - Posté le 17/08/07 12:59

Niveau : Privilège
82 messages

Comment pourrais-je faire pour agrandir ma  colonne du milieu ??

Barbarette

Barbarette - Posté le 17/08/07 14:01

Niveau : Privilège
82 messages

Je viens de coller une formule trouvée dans un autre lien du forum (qui a eu l'air de fonctionner pour le blog de marelleetcailloux) dans le CSS (#global {padding:0px; margin:0 auto; width:1000px;}

#cl_1_0,#cl_1_2 {margin:0px; width:195px;}

#cl_1_1    {margin:0px 5px; width:585px; padding:0 5px;})

Ca a bien changé !!! Ca déborde même un peu sur les bords droit avec firefox... je laisse tel quel ou pensez vous que c'était mieux avant (#global {width:800px; padding:0px 3px;}) ??

 

Merci!!

Barbarette

Barbarette - Posté le 17/08/07 14:09

Niveau : Privilège
82 messages

Heu, en fait ça ne me sert à rien d'élargir comme ça car je ne peux élargir le cliché dans la colonne centrale, et c'est bien cela que je cherche...  Du coup je viens de remettre le CSS initial... en attendant vos précieux conseils...

Barbarette

Barbarette - Posté le 17/08/07 14:46

Niveau : Privilège
82 messages

HELP L'ancien CSS ne revient pâs !!!!!!!!!!!!!:o

 

Y'aurait-il quelqu'un SVP ? S'IL VOUS PLAIIIIIIIIIIIIIIIIIT??!!

Barbarette

Barbarette - Posté le 17/08/07 15:37

Niveau : Privilège
82 messages

 Non c'est bon merci pour tout...

Barbarette