How do I get these tables on my site to line up?

Discussion in 'PHP' started by Dcsboards531, Jun 13, 2008.

  1. #1
    <center>
    <img src="http://i132.photobucket.com/albums/q28/tsang139/tableswontlineup.png" alt="Photobucket - Video and Image Hosting"><br><br>
    </center>




    See the first two boxes on the left how do I get those to line up with the others. I think it is the text inside the boxes making it longer then the others how do I backspace the text in my code? thanks:)
     
    Dcsboards531, Jun 13, 2008 IP
  2. rohan_shenoy

    rohan_shenoy Active Member

    Messages:
    441
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    60
    #2
    You have two options:
    1. Use a table display products in its cells.
    2. Use fixed-height table such that the height slightly exceeds that if biggest(tallest) table.

    Option 1 is preferred because it will helow you align not only rows but columsn too.

    Code for option 1 would look something like below:
    
    <table border="1">
       <tr>
           <td>Item 1</td>
           <td>Item 2</td>   
           <td>Item 3</td>
       </tr>
    
       <tr>
           <td>Item 4</td>
           <td>Item 5</td>   
           <td>Item 6</td>
       </tr>
    </table>
    
    HTML:
     
    rohan_shenoy, Jun 13, 2008 IP