dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Code won't even out

Hybrid View

  1. #1
    Join Date
    Jan 2010
    Location
    Winnipeg, Manitoba, Canada
    Posts
    95

    Question Code won't even out

    I'm trying to make the table even out. After the fourth column, the "4th" is out of its place. What's wrong??????


    HTML Code:
    <table border="5">
    <tr>
    <td rowspan="4" colspan="2">
    <h1>Badmonton</h1>
    </td>
    <td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td><td>???</td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td><td>???</td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td><td>???</td></tr><tr><td>4<sup>th</sup></td><td>???</td>
    </tr>
    
    </tr><tr>
    <td rowspan="4" colspan="2">
    <h1>Mini Golf</h1>
    </td>
    <td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td><td>???</td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td><td>???</td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td><td>???</td></tr><tr><td>4<sup>th</sup></td><td>???</td>
    </tr></tr><tr>
    <td colspan="2" rowspan="4">
    <h1>Swimming</h1>
    </td><td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td></tr><td>4<sup>th</sup></td><td>???
    </td></tr><tr>
    <td rowspan="4" colspan="2">
    <H1>Bag Toss</H1></td></tr><tr>
    <td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td><td>???</td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td><td>???</td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td><td>???</td></tr><tr><td>4<sup>th</sup></td><td>???
    </td></tr><tr>
    <td colspan="2" rowspan="4">
    <h1>
    Camp
    </h1></td>
    <td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td></tr><td>4<sup>th</sup></td><td>???
    </td>
    </td></tr><tr>
    <td rowspan="4" colspan="2">
    <h1>Ball through</h1>
    <td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td><td>???</td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td><td>???</td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td><td>???</td></tr><tr><td>4<sup>th</sup></td><td>???</td>
    </tr></tr><tr>
    <td rowspan="4" colspan="2">
    <h1>High ball through</h1>
    </td><td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td><td>???</td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td><td>???</td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td><td>???</td></tr><tr><td>4<sup>th</sup></td><td>???</td>
    </tr></tr><tr>
    <td colspan="2" rowspan="4">
    <h1>Long jump</h1>
    </td><td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td><td>???</td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td><td>???</td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td><td>???</td></tr><tr><td>4<sup>th</sup></td><td>???</td>
    </tr></tr>
    <tr>
    <td colspan="2" rowspan="4">
    <h1>Standing long jump</h1>
    </td><td>
    <img src="m1stplace.jpg" width="15px" style="image-orientation: 90deg;">1<sup>st</sup>
    </td><td>???</td></tr><tr><td><img src="m2ndplace.jpg" width="15px" style="image-orientation: 90deg;">2<sup>nd</sup></td><td>???</td></tr><tr><td><img src="m3rdplace.jpg" width="15px" style="image-orientation: 90deg;">3<sup>rd</sup></td><td>???</td></tr><tr><td>4<sup>th</sup></td><td>???</td>
    </tr>
    </table>
    Last edited by njaohnt; 03-10-2011 at 06:54 PM.

  2. #2
    Join Date
    Jan 2010
    Location
    Perth
    Posts
    133
    get rid of the "</tr><tr>" Just after the <H1>Bag Toss</H1></td>

    And put some indents in.

  3. #3
    Join Date
    Jan 2010
    Location
    Winnipeg, Manitoba, Canada
    Posts
    95
    It worked! Thanks!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles