CSS : modifier la taille des cadres

C'est une question toute bête sur laquelle je ne m'étais pas du tout penché jusqu'à présent : comment faire par exemple pour que le bloc du journal soit plus petit ?

Il s'agit tout bêtement des attributs "width" et "height" (il suffisait d'y penser plutôt que de s'escrimer sur "size" => y a des fois vraiment.... :D)

1) Comment Procéder ?

Tout d'abord : qu'est-ce qu'un cadre ? Il s'agit de ces "rectangles" qui ont chacun une fonction précise et peuvent s'englober les uns-les autres. Par exemple dans le journal il y a les cadres contenant les commentaires, le cadre contenant les archives, etc etc... Pour les modifier, il faudra d'abord trouver comment le ou les cadre(s) qui vous intéresse(nt) sont appelés dans le code CSS..

Il faut identifier donc le ou les différents cadres que vous souhaitez redimensionner. Pour cela, je vous propose d'aller jeter un oeil dans cet article sur les différents éléments du portrait ou cet article sur les différents éléments du journal.

Ensuite, une fois que vous avez choisi et trouvé sur quoi va porter les modifications que vous souhaitez apporter, il suffira simplement de modifier leur propriétés de longueur (height) et de largeur (width), exprimées en pixels (px) ou en pourcentages (%).

2) Exemples

Par exemple, Roger (encore lui !!) souhaite que tout ce qui se trouve du côté gauche soit réduit à une largeur de 100 pixels sur son journal => son code, à placer dans le carré CSS qui se trouve dans "modifier votre journal > mise en page" sera donc :

div.bloc.blocjournal, div.bloc.bloccomment, div.bloc.bloccomment.commentvisiteur { width: 100px; }

Un exemple avec des pourcentages :

div.bloc.blocjournal, div.bloc.bloccomment, div.bloc.bloccomment.commentvisiteur { width: 50%; }

3) Mises en garde

Perso, je trouve que c'est pas une super idée de modifier ces paramètres, parce que par défaut les cadres se déploient de manière à rendre votre profil et votre journal clair et lisible, mais bon, puisqu'on me l'a demandé c'est que ça doit trouver son utilité quelque part :)

EDIT : je précise également que réduire la taille d'un cadre de cette manière ne décalera pas les autres pour le peu que j'ai expérimenté...

enjoy !