ansaurus

Question

How come the last 3 rows of cells in my table are not perfectly lined up with the 1st row in my HTML table?

Answer 1

+2 A:

right... easy peasy...

basically, the second row needs to have 4 cells in it, the username and input cells AND the email and input cells...

the username and input cells need to have rowspan="3" and then the NEXT two rows need to be password and new password with their input fields.

code:

<html>
  <head>
  </head>
  <body>
    <table border="1">
      <tbody>
        <tr>
          <th colspan="4" rowspan="1">
            <h3>Profile Settings</h3>
          </th>
        </tr>
        <tr>
          <th rowspan="3">
            <label for="">USERNAME:</label>
          </th>
          <td rowspan="3">  
            <input type="text">
          </td>
          <th>
            <label for="">Email:</label>
          </th>
          <td>  
            <input type="text">
          </td>  
        </tr>
        <tr>
          <th>
            <label for="">Password:</label>
          </th>
          <td>  
            <input type="password">
          </td>  
        </tr>  
        <tr>
          <th>
            <label for="">New Password:</label>
          </th>
          <td>  
            <input type="password">
          </td>  
        </tr>
        <tr>
          <td colspan="4">  
            <input type="button" value="save">
          </td>  
        </tr>
      </tbody>
    </table>
  </body>
</html>

Thomas Clayson 2010-08-14 17:23:53

@Thomas say, that was tricky! very nice :) you have enlightened me and I thank you deeply.

J3M 7OR3 2010-08-14 18:33:14

Answer 2

+1 A:

Your first row is has 1 td with a colspan of 4, but your second row is 2 td's both with a normal colspan?

Your mark up is flawed, fix this first.

What is the end result supposed to look like? The way it looks now?

Rakward 2010-08-14 17:24:10

its supposed to look exactly as it does now but with the 3rd <tr> not being like 3 pixels lower than the 2nd <tr>

J3M 7OR3 2010-08-14 18:29:54

ansaurus

tags:

views:

answers:

How come the last 3 rows of cells in my table are not perfectly lined up with the 1st row in my HTML table?

related questions