爲什麼不在同一級別的按鈕？

Question

<table> 
    <tr> 
     <td><form name="profiel" action="profiel.php"><input class="button2" type="submit" value="Jens Boonen" /></form></td> 
     <td width="94%"><form name="zoeken" action="zoeken.php"><input type="submit" class="button2" value="Zoeken"> </form></td> 
     <td><form name="loguit" action="loguit.php"><input class="button2" type="submit" value="Log-Out" /></form></td> 
    </tr> 
</table> 

爲什麼不在同一級別的按鈕？

按照要求的CSS：

.button2 { 
    background-color:black; 
    display:block; 
    line-height:200%; 
    text-transform: lowercase; 
    font-variant: small-caps; 
    font-size: 20px; 
    font-weight: 300; 
    text-decoration: none; 
    color: white; 
    margin:0.5%; 
    border:1px solid white; 
} 

全部3個按鈕是「BUTTON2」，以及「zoeken」和「退出」都在同一水平（註銷不顯示圖片），但名稱欄（在這種情況下，Jens Boonen）不是

Answer 1

刪除margin: 0.5%並且在第二個輸入結束時似乎缺少/。

看看這個JSFiddle。

Answer 2

將vertical-align:top添加到幾件事 - 嘗試表格單元格，如果沒有解決它，請嘗試將其添加到您的提交按鈕。

Answer 3

難道你的HTML是錯誤的嗎？

您有4 <td>但只有3 </td>。

Answer 4

尋找完美的我。檢查此琴：

http://jsfiddle.net/684bT/

，它可能是更好的使用.button2 { color: #FFF; }，而不是white。

我想你必須把所有相關CSS在這裏重現你的問題，並修復它。如果你不知道如何，比給我一個鏈接到你的網站。

Answer 5

這似乎不是唯一的問題，你也只有2個按鈕，第三個不顯示。

首先你有沒有注意到你剛纔的額外？ 其次，你的第二個TD的寬度爲94％，這意味着其他2個寬度爲3％（最有可能）。這94％的單元格包含一個看起來比第一個小的按鈕，給它所有的空間看起來像一個錯誤