Configuration de l'alignement vertical pour un bouton

Question

J'ai un contrôle utilisateur. En cela, j'ai ajouté un tableau HTML dans lequel il y a un bouton. J'ai besoin d'avoir les boutons alignés au fond de la cellule. J'ai essayé de définir la propriété dans le fichier CSS le style ne s'applique pas. Qu'est-ce que je fais de mal?

fichier ASCX:

<link href="CSSFile.css" rel="stylesheet" type="text/css" /> 
. 
. 
. 
<td> 
    <asp:Button ID="btnOK" runat="server" Text="OK" Width="66px" CssClass="ButtonClass"/> 
    <asp:Button ID="btnClose" runat="server" Text="Close" Width="66px"/> 
</td> 

Fichier CSS:

ButtonClass 
{ 
    border: thin groove #000000; 
    vertical-align: bottom; 
    color: #000000; 
    background-color: #99FFCC; 
} 

Le fichier CSS et le contrôle de l'utilisateur réside dans le même dossier.

Answer 1

devrait être:

.ButtonClass 
{ 
    border: thin groove #000000; 
    vertical-align: bottom; 
    color: #000000; 
    background-color: #99FFCC; 
} 

ButtonClass pourrait se référer à des éléments ButtonClass par exemple <ButtonClass>...</ButtonClass> (ce qui est bien sûr, pas correct dans ce cas), .ButtonClass fait référence à des éléments ayant la classe ButtonClass

Answer 2

Vous devez définir le style de la cellule, et non le bouton lui-même:

<td class='ButtonCell'> 
    <asp:Button ID="btnOK" runat="server" Text="OK" Width="66px" CssClass="ButtonClass"/> 
    <asp:Button ID="btnClose" runat="server" Text="Close" Width="66px"/> 
</td> 

Dans votre Css:

.ButtonCell 
{ 
    vertical-align:bottom; 
} 

Answer 3

oui, vous en avez besoin pour l'élément "td", pas le bouton. si vous appliquez au bouton, il s'aligne verticalement sur la ligne, qui est centrée dans la cellule. Lorsque vous appliquez à la cellule du tableau, la ligne sera alignée au bas de la cellule.