CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

CSS - Aligner un texte en bas d'un DIV

captain_torche
captain_torche
Niveau 10
04 septembre 2005 à 21:08:59

Salut tout le monde !
Je suis en train de galérer sur un p´tit truc (sûrement une connerie, en plus).
Je fais, dans mon design, une zone de texte alignée sur le bas d´une image.
Comme le nombre de lignes du texte est variable, j´ai créé un DIV volontairement trop grand en hauteur.

J´aimerais pouvoir caler le texte en bas à droite du DIV, avec une propriété CSS. J´ai essayé vertical-align: bottom; mais ça n´a pas fonctionné.

Merci d´avance !

Pseudo supprimé
Pseudo supprimé 04 septembre 2005 à 21:15:24

line-height: x px;
align: right;

captain_torche
captain_torche
Niveau 10
04 septembre 2005 à 21:16:33

Line-height; ça ne fait qu´augmenter l´espace entre deux lignes, c´est pas ce que je veux.

Pour l´align: right; j´ai oublié de le préciser: ça marche déjà.

psyko-tique
psyko-tique
Niveau 9
04 septembre 2005 à 21:17:04

enlève la hauter de ton div, aussi, elle sert a rien :-)))

le div "s´allonge" (par defaut) si la taille est insuffisante^^

Pseudo supprimé
Pseudo supprimé 04 septembre 2005 à 21:17:08

<div valign="bottom">

captain_torche
captain_torche
Niveau 10
04 septembre 2005 à 21:18:23

Je sais bien, mais le souci, c´est que j´ai besoin d´aligner le bas du div sur le bas d´une image.
Donc, j´ai besoin d´une taille fixe pour le div, pour pouvoir le placer précisément.

Pseudo supprimé
Pseudo supprimé 04 septembre 2005 à 21:19:38

aptain_torche
Posté le 04 septembre 2005 à 21:16:33
Line-height; ça ne fait qu´augmenter l´espace entre deux lignes, c´est pas ce que je veux.

line-height spécifie l´alignement vertical dun texte dans la balise de type bloc ou il est
si le bloc fait 25px de height
line-height: 25px;

psyko-tique
psyko-tique
Niveau 9
04 septembre 2005 à 21:20:33

je comprends pas ce que tu veux faire...

captain_torche
captain_torche
Niveau 10
04 septembre 2005 à 21:25:18

AoEmaster :
[line-height Sets the distance between lines]
http://www.w3schools.com/css/css_reference.asp

Mais effectivement, si ton texte ne fait qu´une ligne, et que ton bloc fait 25px de haut, le fait de mettre line-height: 25px cale le texte en bas du bloc.

Psyko-Tique :
J´ai un div et une image côte à côte. Le texte contenu dans le div doit absolument être aligné avec le bas de l´image, quel que soit le nombre de lignes de texte.

captain_torche
captain_torche
Niveau 10
05 septembre 2005 à 09:02:41

Un p´tit up pour la forme.

MathieuN7
MathieuN7
Niveau 10
05 septembre 2005 à 10:21:36

erf, désolé je ne sais pas trop non plus... Mais la réponse m´intéresse aussi ! :-p

psyko-tique
psyko-tique
Niveau 9
05 septembre 2005 à 12:43:17

je regrette, ça m´avance pas plus...

un screen alors? pour ilustrer...

captain_torche
captain_torche
Niveau 10
05 septembre 2005 à 12:59:53

http://marc.brio.free.fr/test.html

Les deux DIV matérialisés en rouge.

alexx-038
alexx-038
Niveau 10
05 septembre 2005 à 17:54:13

C´est ton cv :o))

captain_torche
captain_torche
Niveau 10
05 septembre 2005 à 17:58:14

Oui, c´est mon CV.

electron_libre
electron_libre
Niveau 10
05 septembre 2005 à 19:27:04

vertical-align:bottom;

MathieuN7
MathieuN7
Niveau 10
05 septembre 2005 à 19:29:13

"J´aimerais pouvoir caler le texte en bas à droite du DIV, avec une propriété CSS. J´ai essayé vertical-align: bottom; mais ça n´a pas fonctionné. "

:(

electron_libre
electron_libre
Niveau 10
05 septembre 2005 à 19:37:21

j´utilise cette propriété

si ca marche pas, le probleme ne vient pas de la dans ce cas, mais peut etre de la hauteur de ton tableau qui n´est pas prise en compte ou qui n´est pas bonne

electron_libre
electron_libre
Niveau 10
05 septembre 2005 à 19:40:58

en regardant un peu mieux ton css, je me suis dit que c t la hauteur de ton image et ton div qui posais pb, et effectivement il ne sont pas de la meme taille, mais dans la mesure ou tu as un titre je me suis dit que ca pouvais expliquer la difference de hauteur
mais en continuant de regarder ta feuille, je me suis vite rendu compte que tu definissais 2 fois tes classe coordonnees et age, donc je te pose la question : que ce passe-t-il quand on defini 2 fois une classe ?

captain_torche
captain_torche
Niveau 10
05 septembre 2005 à 19:52:33

Dans ce cas, c´est le dernier attribut spécifié qui est choisi.

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment