Skip to main content Help Control Panel

Login   A+   A-

Community «   Le forum «   Web design «   Pb avec skin grigloo et boites gadgets «  

Comment: Pb avec skin grigloo et boites gadgets

<< Previous Next >>

Effectivement, Agnès pointe une des causes possibles. Quand j'ai créé Grigloo, j'ai fait quelques tests mais sans insister, car je n'utilisais pas les boîtes gadgets sur le site où j'ai créé Grigloo.

Vous pouvez faire des essais supplémentaires en modifiant les règles de styles appropriées dans grigloo.css, celles qui traitent des boîtes gadget se trouvant aux lignes 1412 et suivantes.

En particulier, modifiez la largeur des boîtes en pourcentage (le 48 % à la dernière ligne ci-dessous) et changer la valeur de l'attribut clear (essayez none) pour les boîtes de droite ou de gauche.

Les réglages que j'avais retenus fonctionnaient bien avec Internet Explorer 6 mais n'ont pas été testés avec IE7 et, tel qu'indiqué dans la feuille de style, le comportement de Firefox était imprévisible lorsque les boîtes n'avaient pas toutes la même hauteur (déterminée par le contenu).

dl#gadget_2,
dl#gadget_4,
dl#gadget_6 { /* no more than two boxes per row -- also see .gadget_box -- from index.php, sections/view.php */
clear: right;
float: right; /* weird behavior of Firefox with boxes of differing text lenght VERIFAL*/
}

dl.gadget_box { /* container of one gadget box -- also see #gadget_1, etc. -- from index.php, sections/view.php */
background: url("images/extra_dt.png") right top no-repeat; /* top left of background image */
margin: 1em 0; /*to separate boxes horizontally */
padding: 0;
width: 48%; /* to separate boxes vertically by 2 % of #main_panel width */
}

by Lasares on Oct. 19 2007