Comment faire cet alignement ? ![fr](https://d33s48lcrmbkow.cloudfront.net/1x1.png)
Автор: 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 !
Размещено
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](../../script/tinymce/plugins/emoticons/img/smiley-wink.gif)
Автор
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
Автор
Pour info, on est juste sur du Wordpress concernant l'illustration.
sur ton lien tout est ok...
tu n'as pas de lien avec TON exemple !
Автор
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 !
Vite fait....
Objet texte comme ci dessous
et le trait dans objet HTML
et cela donne.
plutôt pas mal l'alignement !
Marges à 0 pour les 2 objets
Автор
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 ?
Автор
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 !
Hello,
J'arrive à ça, en utilisant une cellule image et à côté la cellule texte...
Tu me dis se cela pourrait convenir ?
J.P.
Avec spérateur...
J.P.
Автор
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 !![wink](../../script/tinymce/plugins/emoticons/img/smiley-wink.gif)
![cry](../../script/tinymce/plugins/emoticons/img/smiley-cry.gif)
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-out](../../script/tinymce/plugins/emoticons/img/smiley-tongue-out.gif)
![tongue-out](../../script/tinymce/plugins/emoticons/img/smiley-tongue-out.gif)
et les decideurs se les roulent en Middle East !![foot-in-mouth](../../script/tinymce/plugins/emoticons/img/smiley-foot-in-mouth.gif)
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...
Bon courage