...

View Full Version : Table Row Height



paddyfields
01-21-2013, 12:13 PM
Hello.

I want the third row in this table to be shorter than the previous 2, but I can't see what I'm doing wrong. I'm sure it's something simple but I've been playing around with different methods but still can't get it to work. Can anyone put me out of my misery?



<style type="text/css">
#login-table td, th {
border: solid 1px black;
}
#login-table tr {
height: 50px;
}
.thin {
height: 10px;
}
</style>


<table id="login-table">
<tr>
<td>username</td>
<td><input type="textbox"></td>
</tr>
<tr>
<td>password</td>
<td><input type="textbox"></td>
</tr>
<tr class="thin">
<td></td>
<td>remember me <input type="checkbox"></td>
</tr>
</table>

abduraooft
01-21-2013, 12:29 PM
Specificity (http://www.htmldog.com/guides/cssadvanced/specificity/) matters.
Try
#login-table .thin {
height: 10px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum