Pb avec skin grigloo et boites gadgets

Reply ·  Quote

on Oct. 19 2007

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 */
}

Reply ·  Quote

inspired from Tof on Oct. 20 2007

Reply ·  Quote

inspired from Agnès on Oct. 20 2007

Reply ·  Quote

on Oct. 20 2007

Reply ·  Quote

on Oct. 20 2007

/* 
dl#gadget_1,
dl#gadget_3,
dl#gadget_5,
dl#gadget_7 { 
     clear: left;
}

#gadget_2,
#gadget_4,
#gadget_6,
#gadget_8 { /* no more than two boxes per row -- also see .gadget_box --
    from index.php, sections/view.php */
     margin-left: 3%;
}

#gadgets_prefix { /* comes before gadget boxes */
    clear: left; /* align properly after site map, if any */
    margin-top: 8px;
    font-size: 0.9em;
}

#gadgets_suffix { /* comes after gadget boxes */
    clear: left; /* compensate for left-floated boxes */
    margin: 0; /* ignored by firefox anyway */
    padding: 0 0 0 0; /* make some room after gadget boxes */
} 

dl.gadget_box { 
    padding: 0;
    margin: 0 0 1em 0;
    float: left;
    width: 48%;
}

dl.gadget_box dt span {
    display: block;
    padding: 10px 5px 10px 5px;
    margin: 0;
}
dl.gadget_box dd { 
    font-size: 0.9em;
    margin-left: 0;
    padding: 0 12px 5px 12px;
}

dl.gadget_box dt {         /* header of one gadget box */
    padding: 0.5em;
    background: transparent; /* to let the background image show, if you want,
    otherwise just set a color */
    font-size: 85%;
    font-weight: bold;
    color: #36a;
    border-left: 5px #36a solid;
    font-variant: small-caps;
}

Reply ·  Quote

inspired from Bernard on Oct. 21 2007

Bernard :

Donc, c'est bien vrai que les ID gadget_1, gadget_2, etc... sont périmés (deprecated) ? Depuis quelle version de yacs ? 

Reply ·  Quote

on Oct. 23 2007

Bernard :

Merci pour l'info et aussi merci aussi d'enrichir mon vocabulaire informatique en français. J'aime