18068 sujets

Questions générales et questions de débutants

Position de texte Bottom marche pas [RESOLU]

Boujour à tous,

Après moulte essaie, je ne vois comment, je pourrais mettre le texte de mes bouton en "bottom" voici le code :

a.nav, a.nav:link, a.nav:visited {
display:block; width:80px; height:80px; background:#EBEBEB; border:1px solid #D1161D; margin-top:2px; text-align:right; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#000; line-height:25px; overflow:hidden; float:left;
vertical-align: bottom;text-decoration: none;}
a.nav:hover {color:#fff; background:#D7D7D7;}
a.nav:active {color:#fff; background:#c00;}

Et mon HTML

<a class="nav" href="page1.html" title="page 1">Page
1</a>
<a class="nav" href="page2.html" title="page 2">Page
2</a>
<a class="nav" href="page3.html" title="page 3">Page
3</a>
<a class="nav" href="page4.html" title="page 4">Page
4</a>
<a class="nav" href="page5.html" title="page 5">Page
5</a>


Quelqu'un a une idée ??
Modifié par lepotier (04 Sep 2006 - 12:59)
Salut.

La propriété vertical-align est réservée aux cellules de tableaux, il faut appliquer 
display: table-cell;
à tes liens pour que ça fonctionne.

Mais comme IE ne comprendra pas, tu aurais plus facile d'utiliser 
line-height: 80px;
Sujet clos
Aller à