Cadre flottant

Message du 16 / 03 / 2018 - 6:37
Ca2yoma

Statut: Membre
Message N°10 / 11
Cadre flottant
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


Répondre en citant ce message
Message du 29 / 04 / 2018 - 7:42
C!d

Statut: Webmaster
Message N°2374 / 2460
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 :

image

Fiers d'être bleus
Carrefour
Panini Family
23 avril 2018


Répondre en citant ce message
Message du 29 / 04 / 2018 - 7:48
C!d

Statut: Webmaster
Message N°2375 / 2460
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)


Répondre en citant ce message
Message du 29 / 04 / 2018 - 7:54
C!d

Statut: Webmaster
Message N°2376 / 2460
Dernière correction
29 / 04 / 2018 - 8:29
image
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.


Répondre en citant ce message
Message du 29 / 04 / 2018 - 8:21
C!d

Statut: Webmaster
Message N°2377 / 2460
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>


Répondre en citant ce message
Message du 29 / 04 / 2018 - 17:41
Ca2yoma

Statut: Membre
Message N°11 / 11
Merci pour toutes ces explications claires.


Répondre en citant ce message
Options
Publicité
Publicité