Cadre flottant

Ca2yoma

Statut: Membre
Message N°10 / 11

Bonjour,

Par curiosité, je voudrai savoir à quoi serve les cadres flottants.

Cadre flottant :
* collé à gauche
* collé à droite

Est ce pour faire des tableaux ?
Puis je avoir un exemple d'utilisation ?

Merci

C!d

Statut: Webmaster
Message N°2374 / 2556
Dernière correction
29 / 04 / 2018 - 8:09

Bonjour

C'est pour faire de la mise en page

Ça permet de faire plusieurs colonnes ou d'incruster des images dans un paragraphe.

Ça fait un moment que je n'ai pas testé, et si ça se trouve ça ne marche pas dans le forum

Test :

C!d

Statut: Webmaster
Message N°2375 / 2556
Dernière correction
29 / 04 / 2018 - 7:52

ça marche mais ce n'est pas super évident à utiliser

dés qu'on met un texte ou une image trop large, les colonnes ne se mettent pas les unes à cotés des autres

là j'ai utilisé un cadre flottant à gauche pour la petite image et un cadre flottant à gauche pour le texte, mais j'ai fais attention à ce que le texte ne soit pas trop large en faisant des retours à la ligne

en gros c'est un outil qui est là, mais qu'on utilise jamais, en tout cas dans les forums (dans les mises en page du site, là c'est utile)

C!d

Statut: Webmaster
Message N°2376 / 2556
Dernière correction
29 / 04 / 2018 - 8:29

Voici un exemple d'utilisation du cadre flottant collé à droite. Ça permet par exemple de mettre une petite image d'illustration en haut à droite d'un paragraphe de texte.

Donc ici j'ai juste mis l'image au début de mon texte, puis j'ai mis les balises du cadre flottant collé à droite au début et à la fin de cette image. Là, on voit bien comment l'image est incrustée en haut à droite de mon texte. Et on voit aussi qu'une fois que le texte atteint le bas de l'image, il reprend automatiquement toutes la largeur disponible. Donc c'est pratique pour faire de la mise en page mais ce n'est pas vraiment utile dans le forum.

C!d

Statut: Webmaster
Message N°2377 / 2556
Dernière correction
29 / 04 / 2018 - 8:27

Pour ceux qui connaissent le langage HTML et les feuilles de style ça correspond à :

<DIV style="float:left;"> ... </DIV>

et

<DIV style="float:right;"> ... </DIV>

Ca2yoma

Statut: Membre
Message N°11 / 11

Merci pour toutes ces explications claires.