CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • 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
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : CSS - Aligner un texte en bas d'un DIV

DébutPage précedente
12
Page suivanteFin
captain_torche captain_torche
MP
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é
Niveau 10
04 septembre 2005 à 21:15:24

line-height: x px;
align: right;

captain_torche captain_torche
MP
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
MP
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é
Niveau 10
04 septembre 2005 à 21:17:08

<div valign="bottom">

captain_torche captain_torche
MP
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é
Niveau 10
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
MP
Niveau 9
04 septembre 2005 à 21:20:33

je comprends pas ce que tu veux faire...

captain_torche captain_torche
MP
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
MP
Niveau 10
05 septembre 2005 à 09:02:41

Un p´tit up pour la forme.

MathieuN7 MathieuN7
MP
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
MP
Niveau 9
05 septembre 2005 à 12:43:17

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

un screen alors? pour ilustrer...

captain_torche captain_torche
MP
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
MP
Niveau 10
05 septembre 2005 à 17:54:13

C´est ton cv :o))

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

Oui, c´est mon CV.

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

vertical-align:bottom;

MathieuN7 MathieuN7
MP
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
MP
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
MP
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
MP
Niveau 10
05 septembre 2005 à 19:52:33

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

DébutPage précedente
12
Page suivanteFin
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment