J'ai quelque chose comme ça et j'ai et il rend quelque chose comme ceci (avec l'image de fond) < / p> Comment puis-je le faire, alors je rends cela comme ça? L'exigence est que toutes les cellules doivent avoir une Hyperlien et une image d'arrière-plan et du texte en bas. merci edit: voici un jsfiddle link de ce que j'essaie de faire.
3 Réponses :
mettre le vertical-align: bas; sur le td pas le span . .
vertical-align ne fera pas ce que vous voulez, sauf dans deux cas: sur un élément de table ou sur (ou près) une image. Voir: http://phrogz.net/css/vertical-align/index.html
C'est parce que vous définissez .foo pour avoir une hauteur de 90, et la cellule de table a également une hauteur de 90. Donc, même si .foo est au bas de la Cellule Vous ne pourrez pas dire que si vous faites la cellule de table plus grande que le contenu. Ps. inline-block ne fonctionne pas dans tous les navigateurs, alors évitez-le. Donc, fondamentalement: supprimer inline-block et déplacez la hauteur sur la cellule du tableau.
Merci, je reçois quelque chose comme ça maintenant jsfiddle.net/pemnq avec les modifications que vous avez suggérées. La seule chose est que toute la cellule n'est plus un lien.
Essayez d'ajouter Padding-top: 80px; à .foo. Ce ne sera pas exactement ce que vous avez demandé, mais cela pourrait être assez bon. Toutes les cellules ne seront pas une liaison, mais la plupart d'entre elles seront. Mais si les liens de texte sont de plusieurs lignes de hauteur, les cellules deviennent plus grandes que spécifiées.
donner édition:
Ecrivez comme ceci Vérifiez ce http: // jsfiddle.net/sandeep/ybkzs/1/ vertical-align: bas;
Dans TD au lieu de span
Ajoutez ceci au Voici ce que vous recherchez:
Si vous n'avez pas besoin de l'image pour être en arrière-plan, vous pouvez faire quelque chose comme ceci:
Je vois. J'ai lu ce message phrogz.net/css/vertical-align/index.htmlled/a > et a eu cette idée.
Mieux vaut aller directement à la source :)
FYI, W3schools est source pour rien et ils ne sont pas affiliés à W3C. Voir w3fools.com
Je n'ai pas entendu parler de Valign d'être amorti. Je l'utilise régulièrement. Le violon a-t-il travaillé pour vous?
Merci. La seule chose qui manque, c'est que toute la cellule doit être liée, pas seulement le texte. TD Tag
5 commentaires
Si
hauteur est corrigé, vous pouvez travailler avechauteur de ligne@YODA Pouvez-vous me donner un bref exemple sur la manière dont je devrais utiliser
hauteur de ligne sur le texte d'allumage en bas?