Pour centrer un objet sur la page, sélectionnez-le et choisissez Organiser > Aligner les objets > Centrer. Pour aligner plusieurs objets les uns par rapport aux autres, sélectionnez-les tous et choisissez une option sous Organiser > Aligner les objets. Pour que les espaces entre eux soient égaux, utilisez Organiser > Répartir les objets. Les mêmes boutons se trouvent dans Inspecteur > Mesures, sous Alignement de l'objet et Répartir les objets.
Centrer un objet sur la page
- Cliquez une fois sur l'objet pour le sélectionner.
- Choisissez Organiser > Aligner les objets > Centrer. L'objet se place au milieu de la page, de gauche à droite.
- Pour le milieu de haut en bas, choisissez Organiser > Aligner les objets > Milieu. Cette option utilise toute la hauteur de la page : sur une page longue, l'objet peut donc sauter bien plus bas dans la page.
Si l'objet se trouve dans un conteneur, il est centré dans ce conteneur et non sur la page.
Sur une page adaptative, EverWeb peut demander Conserver l'alignement centré sur toutes les tailles d'écran ? Cliquez sur Oui. EverWeb épingle l'objet au centre (il le rattache à la ligne centrale), pour qu'il reste centré sur un téléphone comme sur un écran large. Si vous cliquez sur Non, il n'est centré que pour la taille de fenêtre que vous voyez maintenant.
Aligner plusieurs objets les uns par rapport aux autres
- Sélectionnez le premier objet, puis maintenez la touche Maj enfoncée et cliquez sur chacun des autres. (Sur un Mac, la touche Commande fonctionne aussi.)
- Choisissez Organiser > Aligner les objets, puis Gauche, Centrer ou Droite pour aligner leurs bords ou leurs centres dans le sens horizontal, ou Haut, Milieu ou Bas pour les aligner dans le sens vertical.
Quand plusieurs objets sont sélectionnés, Centrer les aligne les uns par rapport aux autres, et non par rapport à la page. Pour centrer sur la page deux objets de tailles différentes, l'un au-dessus de l'autre, sélectionnez-les un par un et choisissez Centrer pour chacun.
Rendre égaux les espaces entre les objets
- Placez le premier et le dernier objet là où vous les voulez, par exemple les photos de gauche et de droite d'une rangée.
- Sélectionnez tous les objets (Maj-clic sur chacun).
- Choisissez Organiser > Répartir les objets > Horizontalement pour une rangée, ou Verticalement pour une colonne.
EverWeb laisse le premier objet à sa place et espace les autres pour que tous les espaces soient identiques.
Repères pendant le glissement
Quand vous faites glisser un objet, des lignes apparaissent lorsque ses bords s'alignent sur un autre objet, et l'objet se cale sur la ligne quand il s'en approche. Vous pouvez aussi afficher une ligne quand les centres s'alignent :
- Ouvrez EverWeb > Réglages sur un Mac, ou Édition > Options sous Windows.
- Cliquez sur Général.
- Sous Repères d'alignement, cochez Afficher les repères au centre de l'objet. Afficher les repères sur les bords de l'objet est déjà coché.
Pour faire glisser sans calage, décochez les deux cases. Les repères comparent les objets entre eux, et non avec la page : centrez donc le premier objet avec Organiser > Aligner les objets > Centrer, puis alignez les autres sur lui.
Placer un objet avec précision
- Touches fléchées : sélectionnez un objet et appuyez sur une touche fléchée pour le déplacer de 1 pixel. Maintenez la touche Maj enfoncée pour le déplacer de 5 pixels.
- Valeurs exactes : allez dans Inspecteur > Mesures (la troisième icône). Tapez la position dans X et Y sous Position, et la taille dans Largeur et Hauteur sous Taille.
- Distances : sélectionnez un objet, maintenez la touche Option (Mac) ou Alt (Windows) enfoncée et placez le pointeur sur un autre objet. EverWeb affiche la distance entre eux en pixels.
Garder les objets en place
- Verrouiller : sélectionnez un objet et choisissez Organiser > Verrouiller pour ne pas le déplacer par accident. Les objets verrouillés restent aussi en place quand vous utilisez Aligner ou Répartir. Utilisez Organiser > Déverrouiller pour pouvoir le déplacer de nouveau.
- Garder des objets ensemble : sur une page adaptative, placez-les dans un conteneur. Sélectionnez-les, puis choisissez Organiser > Contenir comme et Ligne, Colonne ou Flux libre. Sur une page en Mise en page centrée, Organiser > Grouper fonctionne aussi, mais nous recommandons les conteneurs.
À l'intérieur d'un conteneur
Un conteneur (Ligne ou Colonne) organise ce qu'il contient : Aligner les objets et Répartir les objets sont donc grisés pour ces objets. Utilisez plutôt les réglages propres au conteneur :
- Sélectionnez le conteneur en cliquant sur une partie vide de celui-ci.
- Allez dans Inspecteur > Réglages des widgets (la roue dentée, la dernière icône).
- Sous Alignement, réglez Verticale sur Haut, Milieu ou Bas, et Horizontal sur Gauche, Centrer ou Droite.
- Pour un espacement régulier dans une ligne, réglez Horizontal sur Justify (justifié : premier et dernier objets aux bords, espaces égaux entre eux) ou Justify-Center (justifié centré : espace égal autour de chaque objet).
Pour modifier l'espace entre les objets, sélectionnez chaque objet et utilisez Inspecteur > Mesures > Marges et remplissage. Dans EverWeb 4.6 et versions ultérieures, vous pouvez aussi définir un seul espacement pour tout le conteneur avec Row Gap (espacement des lignes) et Column Gap (espacement des colonnes) dans Réglages des widgets.
Pour changer l'ordre, faites glisser un objet à sa nouvelle place. Dans EverWeb 4.6 et versions ultérieures, vous pouvez aussi le sélectionner et appuyer sur Commande plus une touche fléchée (Ctrl plus une touche fléchée sous Windows).
Un objet dont l'option Autoriser le glissement libre est cochée peut quand même utiliser Aligner les objets, à l'intérieur de son conteneur.
Articles connexes
- Pourquoi cet objet ne va-t-il pas là où je le fais glisser ?
- Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone
- Comment déplacer ou faire glisser des objets dans l'en-tête ? Une ligne bleue m'en empêche
- Modifier l'interligne (hauteur de ligne) et l'espace entre les paragraphes