Positionner la signature

[kailash35]

Bonjour,

je voudrais déplacer la signature pour la faire apparaitre tout  en bas du message comme indiqué sur la photo.

J'ai besoin de votre aide, merci.

[Neptunia]

Bonjour !

Je ne suis pas sûr de comprendre !

Dans l'exemple de la capture écran, quel est le texte du champ Editer la signature de l'onglet Sugnature du profil.

Il me semble que ce champ est tout bonnement vide.

[Invité]

Bonsoir,

https://forum.forumactif.com/t253380-separateur-message-signature
Il vous suffit de rajouter des sauts de ligne

Code:

<br />

à l'intérieur de ce séparateur.

Bien cordialement.

[Neptunia]

Je crois que le souci, c'est que là le message est pour ainsi dire vide

Code:

.postbody {
  min-height: 800px;
}

Avec ce code dans le CSS, tous les posts auront une hauteur minimale, peu importe que le contenu soit plus haut que le volet profil ou non.

J'ai volontairement exagéré sur le 800px

[kailash35]

de fait, le message est quasiment vide
je voudrais que le blablabla qui est la signature  (d'accord ,texte 'test" mal choisi) soit tout au bas du message et ce pour tous les messages sans avoir à insérer des sauts de ligne

[Neptunia]

Je crois que mon code CSS remplit cet office.

Si le message n'est pas suffisament long, un blanc est ajouté en dessous de la signature pour que ca soit a la meme hauteur que le volet gauche.

Si le message est plus long, ce blanc est superflu.
Mon code force le message a faire une hauteur minimale, qu'il faudra ajuster en modifiant le 800px

[kailash35]

AoF-Neptune,
merci pour le code mais ce code agit sur toute la 'zone' message,l'idée est bonne mais je voudrais pouvoir définir une hauteur minimale pour la partie située au-dessus de la signature.

[Neptunia]

Vous voulez dire que si votre message fait 30 mètres de long votre signature sera toujours à 5 centimètres de la bordure basse du message ?

[kailash35]

tout à fait. Je n'explique sans doute pas bien. Je voudrais que la signature soit toujours tout en bas que le message fasse une seule ligne ou bien plus.

[Neptunia]

je pense avoir trouvé

Code:

.signature_div {
  margin-top: 400px;
  margin-bottom: 20px;
}

Le margin-top règle en somme la hauteur minimale du message puisque la signature sera placée à 400 pixels du sommet du message.
Le margin-bottom quant à lui règle la marge entre la fin de signature et le bas de cadre.

Le 400px a été volontairement exagéré.

---

Edité à 00h22
J'ai oublié de préciser qu'il fallait enlever le code donné plus haut.

[MlleAlys]

bonjour,
je me permets de proposer un code, parce que je n'ai pas compris exactement la même chose que AoF-Neptune, je suis désolée si c'est inutile =s :

Code:

div.postbody > div:nth-child(1) {
    min-height: 800px;
}

Il permet normalement d'appliquer une hauteur minimale au message, à la manière du premier code proposé par AoF-Neptune, mais non compris la signature... (comme jai testé sur mon forum test par exemple ici avec 800px).
Après, si c'était ce qu'il fallait comprendre mais que le code ne fonctionne pas, je pense qu'il faudra passer par les templates ^^"

[Neptunia]

Coucou ^^

... je n'ai pas compris exactement la même chose que AoF-Neptune

On a bien compris la même chose, c'est juste que je suis trop nouille pour produire un code "propre"  :lol!: 
Je ne comprends pas encore comment fonctionnent ces -child

On a compris que le placement de la signature dépend de la hauteur de ce qui précède ! C'est à dire du corps du message.
Et comme mon premier code agissait sur la totalité de la zone (message + signature), ne sachant pas agir sur le corps du message, j'ai agi sur la signature.

Pour caricaturer, si kailash35 tombe en panne d'essence, MlleAlys sort ses bras musclés et pousse la voiture jusqu'à la station-service alors que moi je prends le bulldozer pour pousser la station-service jusqu'à la voiture.

---

Là par contre je me pose deux questions.
1/ Hormis le fait que mon code n'était pas propre, fonctionnait il en toute circonstance ?
2/ On a un identifiant CSS pour le bloc séparateur+signature. N'est il pas possible d'agir sur cet identifiant pour le positionner par rapport au bas de post ?

---

Le code de MlleAlys semble effectuer ce qui est demandé, toutefois je rajoute une partie de mon code précédent au cas où la signature collée en bas semblerait justement trop collée.

Code:

.signature_div {
  margin-bottom: 20px;
}

Avec xxpx correspondant à la marge entre le bas de signature et le bas de message.

[kailash35]

Merci merci à tous les deux. Un bulldozer et des bras musclés ont résolu mon problème