WebSite X5Help Center

 
E-mage  Concept
E-mage Concept
User

Comment faire cet alignement ?  fr

Автор: E-mage Concept
Просмотрено 60, Подписчики 1, Размещенный 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 !

Размещено
15 Ответы - 2 Полезно
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

Читать больше
Размещено От Axel  
E-mage  Concept
E-mage Concept
User
Автор

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

Читать больше
Размещено От E-mage Concept
E-mage  Concept
E-mage Concept
User
Автор

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

Читать больше
Размещено От E-mage Concept
Axel  
Axel  
User

sur ton lien tout est ok...

tu n'as pas de lien avec TON exemple !

Читать больше
Размещено От Axel  
E-mage  Concept
E-mage Concept
User
Автор

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 !

Читать больше
Размещено От 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 !

Читать больше
Размещено От Axel  
Axel  
Axel  
User

Marges à 0 pour les 2 objets 

Читать больше
Размещено От Axel  
E-mage  Concept
E-mage Concept
User
Автор

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 ?

Читать больше
Размещено От E-mage Concept
Axel  
Axel  
User

Читать больше
Размещено От Axel  
E-mage  Concept
E-mage Concept
User
Автор

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 !

Читать больше
Размещено От 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.

Читать больше
Размещено От JiPeR 48
JiPeR 48
JiPeR 48
Moderator

Avec spérateur...

J.P.

Читать больше
Размещено От JiPeR 48
E-mage  Concept
E-mage Concept
User
Автор

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

Читать больше
Размещено От 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

Читать больше
Размещено От 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 

Читать больше
Размещено От Axel