Splite Documentation Française
Share
Explore
Éléments

Bloc

Un bloc est un élément rectangulaire contenant des éléments et intégré en HTML/CSS.
Les avantages du bloc dynamique
La taille du bloc intégré en HTML est totalement dynamique.
Splite n’intègre pas de hauteur fixe mais calcul les espaces entre le bloc et ses enfants.
Bloc01.png

Ainsi, si les enfants changent de taille, le bloc suit & les espaces restent identiques 🔥
Block02.gif
Evitez qu’un rectangle soit intégré en image et non en CSS
Si un rectangle est intégré en image et non en HTML, sa taille ne changera pas avec celle de ses enfants.
generation.gif
À gauche un bloc HTML. À droite une image en background
Pour l’éviter, il est nécessaire que le style du rectangle suive les contraintes du format email & que son positionnement soit bon.
Les contraintes de style
Les clients mails ne reconnaissent pas les balises “opacité” (sur la forme ou la couleur), “background-gradient” & “rotation”.
Si l’une de ses balises est présente, le rectangle sera transformé en image 😔
Les contraintes de forme
Pour être intégré en HTML, le rectangle doit avoir une forme rectangulaire. Si ce n’est pas le cas, la forme sera transformée en background-image 😔😔
Pas d’inquiétude, pour éviter cela il vous suffit de créer deux formes :
→ une forme rectangulaire avec les enfants à l’intérieur
→ une forme non rectangulaire collée qui sera transformée en image
Block02.png

Les contraintes de position
Pour être intégré en HTML, le rectangle ne doit pas chevaucher partiellement un autre calque. Dans ce cas, la forme sera transformée en background-image 😔😔
Pas d’inquiétude, pour éviter cela il vous suffit de créer deux formes. Une forme, sans enfant qui contient le chevauchement partiel & une forme sans chevauchement qui contient les enfants
Block03.png
Position05.gif


Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.