Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Dec 2010
    Location
    London
    Posts
    339
    Thanks
    63
    Thanked 11 Times in 11 Posts

    Table Row Height

    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?

    Code:
    <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>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Specificity matters.
    Try
    Code:
    #login-table .thin {
    	height: 10px;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •