WebSite X5Help Center

 
E-mage  Concept
E-mage Concept
User

Comment faire cet alignement ?  fr

Autore: E-mage Concept
Visite 88, Followers 1, Condiviso 0  

Bonjour,

Quelqu'un aurait-il une idée non énergivore pour réaliser cet alignement parfait entre icônes et textes sans passer par l'objet Tableau qui affiche automatiquement et par défaut un ascenseur dans les modes adaptatifs réduits. Quelle lourdeur !

Postato il
21 RISPOSTE - 2 UTILI
Axel  
Axel  
User

tu veux aligner quoi par rapport à quoi ?

un lien pour ton problème ... car je pense que ton image est un exemple 

Ca sent encore une fois le CSS wink

Leggi di più
Postato il da Axel  
E-mage  Concept
E-mage Concept
User
Autore

Axel,

Voici le lien : https://kinesitherapie-hardy.lu/contact/

En fait, j'aimerais faire exactement la même présentation. :)

Mais, je serai déjà content si je pouvais aligner les icônes les unes en-dessous des autres et positionner du texte à côté avec la même marge.

Je sais, tu vas me dire :

1re ligne : objet image (pour l'icône), suivi d'un objet texte, on adapte les marges et on met un trait sous l'objet

2e ligne : idem

3e ligne : idem

Il y a tellement de paramètres à régler que je suis déjà épuisé. Je préférerais encore trouver une manière de supprimer l'acensceur dans l'objet Tableau. :)

JJ

Leggi di più
Postato il da E-mage Concept
E-mage  Concept
E-mage Concept
User
Autore

Pour info, on est juste sur du Wordpress concernant l'illustration.

Leggi di più
Postato il da E-mage Concept
Axel  
Axel  
User

sur ton lien tout est ok...

tu n'as pas de lien avec TON exemple !

Leggi di più
Postato il da Axel  
E-mage  Concept
E-mage Concept
User
Autore

Pas encore eu le courage de m'y mettre ! Je tentais l'appel à l'équipe ou le miracle, car je sais déjà, par expérience, que je vais avoir des espaces trop grands entre les icônes et le texte.

Chacun des objets que je pourrais utiliser manque de solutions de paramétrages !

Leggi di più
Postato il da E-mage Concept
Axel  
Axel  
User

Vite fait....

Objet texte comme ci dessous

et le trait dans objet HTML

et cela donne.

plutôt pas mal l'alignement !

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

Marges à 0 pour les 2 objets 

Leggi di più
Postato il da Axel  
E-mage  Concept
E-mage Concept
User
Autore

Je suis d'accord, Axel. Grand merci pour ton aide précieuse ! Je me replierai là-dessus si...

Mais ce qui m'intéresse, c'est de parvenir à mettre 2 lignes à côté d'une icône !  Challenge ?

Leggi di più
Postato il da E-mage Concept
Axel  
Axel  
User

Leggi di più
Postato il da Axel  
E-mage  Concept
E-mage Concept
User
Autore

Je tente cela ce soir dès que je suis de retour car j'ai un doute si on augmente trop fortement la taille d'une ligne.

Un grand merci, Axel !

Leggi di più
Postato il da E-mage Concept
JiPeR 48
JiPeR 48
Moderator

Hello,

J'arrive à ça, en utilisant une cellule image et à côté la cellule texte...

Tu me dis se cela pourrait convenir ? 

J.P.

Leggi di più
Postato il da JiPeR 48
JiPeR 48
JiPeR 48
Moderator

Avec spérateur...

J.P.

Leggi di più
Postato il da JiPeR 48
E-mage  Concept
E-mage Concept
User
Autore

Oui, oui, je vais essayer toute cette belle gymnastique ! :) Merci à vous

Alors, imaginez maintenant, si je dois donner à tout cet ensemble la même forme et une ombre dégradée ! :)

Vous comprenez pourquoi je procrastine ! winkcry

Leggi di più
Postato il da E-mage Concept
Axel  
Axel  
User

Pour l'ombre je te rejoins. si on pouvait selectionner plusieurs objets consecutifs (vertical ou horizontal) et mettre un style ou effet au groupe, cela serait un vrai plus.

mais la on en demande trop .... juste une icone en plus  dans l'objet  social icon ....c'est deja long  et compliqué.... faut que cela passe en comission (pour la rentabilite) tongue-outtongue-out

et les decideurs se les roulent en Middle East !foot-in-mouth

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

Toujours avec des marges à 0 on peut aussi faire comme cela avec un separateur de taille 1px ou +

Et dans le style de ligne, ajouter une image sur le fond du séparateur

Ici mon trait est un peu grand dans l'image jpg

Mais cela affiche le trait rouge .... (il faut le réduire à la taille voule dans le jpg)

Après on peut ajouter un autre séparateur pour écarter le 1er et 2ème par exemple...

winkwinkwink

Bon courage 

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

Pour la forme et l'ombre...

Si tu utilises un objet texte pour l'icône et le texte alors fais ceci.

Tu travailles sur ton objet texte type... Ensuite tu modifies le style de cet objet texte.
Une fois OK. tu recopies cet objet pour ensuite en modifier le contenu.

Et normalement tous les objets auront le même style juste par un copier/coller.

Ca fait au moins 6 bières tout çà laughinglaughing

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

En tatonnant avec une icône juste un peu plus grande et l'interligne on peut avoir les 2 lignes comme ci dessous

Leggi di più
Postato il da Axel  
E-mage  Concept
E-mage Concept
User
Autore

Sans compter qu'il est impossible de changer la couleur du séparateur. Etc. Etc.

Leggi di più
Postato il da E-mage Concept
E-mage  Concept
E-mage Concept
User
Autore

Et, dès qu'on met une ombre, impossible d'ajuster quoi que ce soit ! Pffffff

Quand je dis que les choses ne sont pas faites à fond, avec précision... Bref, si au moins on pouvait lier ces 2 objets et leur apposer le même style.

Leggi di più
Postato il da E-mage Concept
Axel  
Axel  
User

Donne nous des détails sur le contenu des objets ..etc.... pour mieux comprendre

Moi je ne vois sur ton image que les horaires en décalés ... Pour le reste cela semble OK

Leggi di più
Postato il da Axel