Utilisateur:Edwin Drood/Brouillon10
Apparence
AIRE DE RECRÉATION[modifier | modifier le code]
Désolé Thierry, j'étais sans internet tout l'après midi.
Il y a plusieurs problèmes :
- la taille des images. On a tendance (moi en premier) d'organiser les photos en fonction de son écran. Surtout pour des grandes photos. Si on donne une taille fixe, disons 200px, WP affichera avec 200px quelque-soit l'écran, qui est catastrophique pour un Ipad, miniIpad, téléphone et watch? Par exemple, les deux blocs de 5 photos ne peut pas s'afficher sur la même ligne sur mon ordi avec une taille de 200, mais avec 180, ça va.
- 'gauche', 'droite, et 'centre' (ATTENTION EN FRAN9AIS). Il y un ordre à respecter. Si l'ordre des blocs est gauche, droite, centre, le modèle mettra un bloc à gauche, puis un bloc à droite, puis il tentera de mettre un bloc au centre de l'espace restant entre les deux premiers blocs. Ici il n'y a pas de place, donc il a mis le bloc au milieu de la ligne suivante
- ici j'ai réduit la taille et il y avait la place entre les deux blocs droit/gauche et le bloc de trois s'est inséré. :
- Pour forcer d'aller 'à la ligne' il y a le modèle {{clr}} (clear en anglais). Je vais le mettre après les deux blocs de 5 pour empêcher le bloc de de sauter dans l'espace et obtenir :
- Le modèle {{clr}} est très utile pour contrôler le texte aurour d'une image :
- Le texte à côté de l'image
- Si l'image est centré, le texte qui suit la commande : Fichier:XXXXXXX sera placé APRÈS l'image. On ne peut pas mettre du texte sur les deux côtés d'une image centrée.
- Si l'image est à gauche ou à droite de la page, le texte de l'article qui suit la commande : Fichier:XXXXXXX va remplir l'espace libre à côté de l'image automatiquement.
- En principe le texte sera en rapport directe avec le contenu de l'image. L'image illustre le texte ou le texte explique l'image.
- Il peut arrive que le texte associé avec l'image ne remplit pas toute l'espace disponible.
- Pour forcer le texte qui suit de commencer APRÈS l'image il suffit de placer le modèle {{clr}} à la fin du texte décrivant l'image.
- S'il y a des 'objets flottants' (images ou infobox) à droite et à gauche de la page on peut commencer le texte après l'objet qui est gauche en utilisant la commande {{clr|left}} '.
- Si l'objet est à droit on utilise la commande {{clr|right}}.
- Ceci est utile s'il y a une photo à gauche, un long infobox à droite, le texte associé avec la photo est court et tu veux continuer le texte de l'article après la photo