27771 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite aligner en bas dans une cellule seulement l'élément data-title mais je n'y arrive pas:

td[data-title='Titre'] {
  vertical-align: bottom!important;
}


<td class="pL" data-title="Titre">{{ article.title }}</td>

Je vous remercie de votre aide
Modifié par baraton (09 Jan 2022 - 15:46)
Modérateur
Bonjour,

Pourtant le code ci-dessous, qui reprend les extraits de code que tu as donné, fonctionne.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
td {
    height:10em;
    border:1px solid #000;
}
td[data-title='Titre'] {
    vertical-align: bottom;
}
</style>
</head>
<body><table><tr>
<td>Mon contenu 1</td>
<td data-title="Titre">Mon contenu 2</td>
</tr></table></body>
</html>

Amicalement,
Merci je vais voir ce qui ne va pas autre part peut-être Bootstrap mais bon, j'ai pourtant mis un hack !important.
Modérateur
Bonjour,

Règle de parsimonhi n°14 : "Bootstrap ? On a plus vite fait d'écrire un code à partir de rien pour ses propres besoins que d'essayer de comprendre comment marche Bootstrap."

Règle de parsimonhi n° 19 : "Quand on met un !important quelque part, c'est qu'on est en train de faire une erreur."

Amicalement,