bjr, desole, si cest toujours les meme questions poses sur le forum mais jessaye dadapter mon design au css version 2 et je gualere? Je vais essayee d'expliquée au mieux

comment faire pour adapter mon fond des module de gauche (le papier craft) au texte a l'interieur ? pour que le texte ne depasse plus ...

j ai essayée d'agrandir la largeur de la colonne mais si je ragrandis la largeur du module par ex a 220 px, (actuellement il est  a 210 px) les articles se retrouvent en dessous des modules ,

jai pensée a reduire la taille d'ecriture des module et ce qu'il contenait mais on ne vois plus rien et ca depasse toujours du papier kraft

Quelqu'un aurait il  une idée  ? mercii

Tu as mis ton fond dans box-content.

Je le mettrais plutôt dans box

Ensuite, dans box-content, tu rajoutes

width:80%

Joue avec les %, ça signifie que le contenu mesure 80% du contenant.

Teste si ça te convient

merci beaucoup de ton aide

cela me fais une barre blanche ca sera la limite c'est ca ? j ai modifié un peu trop de truc en meme temps je suis un peu perdue ... si c'est bien ca il me restera plus qu'a diminuer la taille en largeur du papier kraft et rendre transparente cette barre

Tu as encore les fonds d'origine des modules, le mieux serait de les enlever puisque tu veux d'autres fonds.

Dans les lignes suivantes :

.box-titre  {background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/common/pics/fond-h-c.png) repeat-x top; margin:0px; padding:0px; border-left:1px solid #BFBFBF;}
.box-titre span{background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/common/pics/fond-h-d.png) right top no-repeat ; display:block;margin:0px; padding:0px;  }
.box-titre h2 {padding:0px; margin:0px; margin-left:5px;}

.box-footer  {background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/1/pics/fond-b-c.png) repeat-x top; margin:0px; padding:0px; font-size:2px; height:5px;}
.box-footer  h2 {background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/1/pics/fond-b-d.png) right top no-repeat ; display:block;margin:0px; padding:0px; }
.box-footer  span {background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/1/pics/fond-b-g.png) left top no-repeat ; display:block;margin:0px; padding:0px; }


.box-content { padding:5px; background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/1/pics/fond-m-d.png) repeat-y right;border-left:1px solid #BFBFBF;}

Remplace les background:url( ) par

background:none

Exemple

.box-content { padding:5px; background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/1/pics/fond-m-d.png) repeat-y right;border-left:1px solid #BFBFBF;}

devient

.box-content { padding:5px; background:none repeat-y right;border-left:1px solid #BFBFBF;}

excuse du retard ... c'est vrai que javais oublier que les fonds etaient dans global aussi , je fais ca de suite merci

ca marche c'est super mais maintenant le dessin se repete a chaque debut de module ce qui fait le papier ne colle pas ,  par exemple pour le module recherche il me met une nouvelle fois l'image du papier kraft   enfin je sais pas si jarrive a me faire comprendre

En l'enlevant de box et en le mettant dans toute la colonne ?

#cl_1_0 {background:url(http://img179.imageshack.us/img179/6521/gauchemodifier1tt7.png);}

génial tu m'enleve une grosse epine du pied, je m'attaque aux fond des titres des modules. encore merci

jadore ton blog super pratique !

arf sous IE ca ne vas pas grrrrrrrrr

C'est parce que le total des colonnes est trop élevé.

Rajoute

#cl_1_1 {padding:5px; width:75%; }

Ensuite on pourrait fixer une hauteur à la colonne de gauche

#cl_1_0 {width:210px ;height:3000px; background:url(http://img179.imageshack.us/img179/6521/gauchemodifier1tt7.png);}

Vérifie avec IE et modifie les % et px si besoin