Jump to content

[CSS] Aligner vers le bas


Recommended Posts

Bonjour à tous,

je cherche depuis quelque temps, le moyen d'aligner un titre vers le bas automatiquement... J'ai l'emplacement pour faire des titres de 4lignes (150px de large), mais on peut faire des titres d'une ligne. Dans ce cas, le titre est se positionne en haut, pas très esthétique. J'aimerai qu'il se positionne vers le bas... J'ai essayé diverses méthodes sans résultat: bottom:0; , avec un hr invisible, et même avec vertical-align pour les tableaux. Peut-être que je m'y prends mal. Je préfererai éviter sur possible les tableaux. Voici un petit lien vers le site.

La feuille de style est un peu longue, les partie consernée s'appelle "illutitre" (photo +titre), "illustration" et principalement "titre".

Merci d'avance pour votre aide :)

Link to post
Share on other sites

Salut

Puisque la hauteur des éléments semble être déclarée précisément, tu devrais pouvoir utiliser un line-height ;)

Ou peut-être aussi un position: relative (puis jouer avec la règle top ensuite) mais n'étant pas fan du positionnement absolu ou relatif j'utilise rarement ces techniques.

Link to post
Share on other sites

Merci pour la rapidité de ta réponse Dudu :)

Je n'avais pas pensé aux line-height, ça ne poserait pas problème étant donné que le titre peut faire de 1 à 4 lignes?

Je viens de tester les position:absolute; et position:relative; avec les top et bottom sans succès...

Link to post
Share on other sites
Je n'avais pas pensé aux line-height, ça ne poserait pas problème étant donné que le titre peut faire de 1 à 4 lignes?
Argh, si certainement :blush:

Je ne vois pas trop pour le moment comment règler ça, désolé..

Link to post
Share on other sites

Salut,

Pour qu'un positionnement absolu fonctionne, il faut que son conteneur parent soit positionné. Essaie d'ajouter un position:relative à illutitre puis réessaie le position:absolute pour .titre

C'est bizarre que position:absolute et bottom:0 ne marche pas

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...