HTML Tables and Table Data Alignment -



HTML Tables and Table Data Alignment -

i trying create table, has 4 columns , multiple rows. when seek add together more info table, info not drop under right header. info suppose fall under 3rd table header falling under bottom of info under first header. here code.

<table> <table style="width:800px"> <tr> <th><h4>i.t. department</h4></th> <th><h4>accounting department</h4></th> <th><h4>tax filings & surplus lines department</h4></th> <th><h4>licensing department<h4></th> </tr> <tr> <td align="center" rowspan="2"><br>test test<br>i.t. manager<br>xxx-xxx-xxxx<br><br> <br>test test<br>i.t. operations supervisor<br>xxx-xxx-xxxx</td></tr> <tr><td align="center" rowspan="2">test test<br>accounting supervisor<br>xxx-xxx- xxxx<br><br><br>test test<br>accounting supervisor<br>xxx-xxx-xxxx</td></tr> </table>

this line using seek add together more data.

<tr><td align="center" rowspan="2">test test<br>accounting supervisor<br>xxx-xxx-xxxx<br><br><br>test test<br>accounting supervisor<br>xxx-xxx-xxxx</td></tr>

what doing wrong?

does produce output you're looking for?

<table border="1"> <tr> <th><h4>i.t. department</h4></th> <th><h4>accounting department</h4></th> <th><h4>tax filings & surplus lines department</h4></th> <th><h4>licensing department<h4></th> </tr> <tr> <!-- --> <td align="center"> <br>test test<br>i.t. manager<br>xxx-xxx-xxxx<br><br><br>test test<br>i.t. operations supervisor<br>xxx-xxx-xxxx </td> <!-- accounting --> <td align="center"> test test<br>accounting supervisor<br>xxx-xxx- xxxx<br><br><br>test test<br>accounting supervisor<br>xxx-xxx-xxxx </td> <!-- taxation --> <td align="center"> test test<br>accounting supervisor<br>xxx-xxx-xxxx<br><br><br>test test<br>accounting supervisor<br>xxx-xxx-xxxx </td> <!-- licensing --> <td align="center"> </td> </tr> </table>

i removed "rowspans" , tr tags, , added border troubleshooting purposes.

if want add together more rows, re-create , paste trs , tds , alter out info in td tags.

better yet, here's info split multiple rows:

<table border="1"> <tr> <th><h4>i.t. department</h4></th> <th><h4>accounting department</h4></th> <th><h4>tax filings & surplus lines department</h4></th> <th><h4>licensing department<h4></th> </tr> <tr> <!-- --> <td align="center"> test test<br>i.t. manager<br>xxx-xxx-xxxx </td> <!-- accounting --> <td align="center"> test test<br>accounting supervisor<br>xxx-xxx-xxxx </td> <!-- taxation --> <td align="center"> test test<br>accounting supervisor<br>xxx-xxx-xxxx </td> <!-- licensing --> <td align="center"> </td> </tr> <tr> <!-- --> <td align="center"> test test<br>i.t. operations supervisor<br>xxx-xxx-xxxx </td> <!-- accounting --> <td align="center"> test test<br>accounting supervisor<br>xxx-xxx-xxxx </td> <!-- taxation --> <td align="center"> test test<br>accounting supervisor<br>xxx-xxx-xxxx </td> <!-- licensing --> <td align="center"> </td> </tr> </table>

html

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -