Alignement

Fermé
calinette2611 Messages postés 32 Date d'inscription vendredi 19 septembre 2014 Statut Membre Dernière intervention 20 mars 2018 - 24 sept. 2014 à 13:32
calinette2611 Messages postés 32 Date d'inscription vendredi 19 septembre 2014 Statut Membre Dernière intervention 20 mars 2018 - 25 sept. 2014 à 09:33
Bonjour,


ci joint mon site
www.alixdelabrosse.fr

sur ma page d'accueil je cherche à aligner horizontalement les trois PLUS
mais je n'y arrive pas
pouvez vous m'aider ?
merci !
calinette

3 réponses

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
24 sept. 2014 à 15:03
Salut,

Une autre solution possible en modifiant le fichier css :
ligne 880
.art-layout-cell {
    display: table-cell;
    vertical-align: top;
    position: relative; /* on ajoute la position relative */
}


ligne 2609
.art-layout-cell3 {
    position: absolute; /* on passe en absolute */
    width: 290px; /* on fixe la largeur (pour centrer le contenu avec text-align) */
    bottom: 5px; /* on positionne ce bloc à 5px du bas du bloc .art-layout-cell */
    /* top: 43%; on supprime cette règle */
    text-align: center;
}


Bonne journée
1
AstaLaVista1908 Messages postés 85 Date d'inscription mercredi 24 septembre 2014 Statut Membre Dernière intervention 16 juillet 2019 33
24 sept. 2014 à 14:04
Hello,

voici ton code :


<p style="text-align: justify;">
<span style="line-height: 24px; font-family: 'Quicksand', sans-serif;"><span style="color: #595149;"></span></span><span><span style="color: #ffffff;"><span style="color: #595149;">La Somatothérapie est une approche psychocorporelle qui prend en compte la personne dans toute sa richesse. Elle agit simultanément sur la dimension psychique, sensorielle et émotionnelle. Concrétement une séance de Somatothérapie contient une partie verbale et une partie corporelle sous forme de techniques de massage.</span></span></span></p>
<div class="art-layout-cell3">
<p style="text-align: center; padding-bottom: 0px;"> <a class="art-button" href="/index.php/ct-menu-item-3">PLUS</a> <span style="color: #ffffff; line-height: 21px; font-family: 'Trebuchet MS';"></span></p>
</div>


Comme tu le vois tu as au dessus de ta div contenant le "plus" un parapgraphe (p), et ce dans chacun de tes bloques, alors je te conseille de mettre une hauteur fixe à chacun de tes paragraphe comme ca ca forcera tes boutons juste en dessous à être à la même hauteur. Personnellement j'ai essayer avec une hauteur de 240px :


<p style="text-align: justify; height:240px;">
0
calinette2611 Messages postés 32 Date d'inscription vendredi 19 septembre 2014 Statut Membre Dernière intervention 20 mars 2018
25 sept. 2014 à 09:33
Merci à vous pour vos réponses.
ca marche !!
Bonne journée.
calinette
0