html 테이블 작업질문있습니다..
본문
만족도 조사 표를 만들고 있는데요 이쁘게 만들기가 힘드네요 ㅠㅠ
이렇게 했을때
선택항목 6개가 좀 균일하게 되었으면 좋겠는데..
어떻게 넣어야할지 잘안되네요
<td>에 width=100% 했는데 안되네요.. 도와주시면 감사합니다^^
|
No Chance to Observe |
Poor |
Fair |
Good |
Very Good |
Excellent |
|
Intellectual Capacity |
|||||||
Desire to achieve |
|||||||
Potential to succeed in major field |
답변 3
테이블 웹표준으로 이렇게 짜면 됩니다.
1.col 에서 간격 맞추어 주면 되고
2.전체 100%로 잡고 싶으면
table width=100% 잡아주면 됩니다
<style type="text/css">
table tbody tr td{text-align:center}
</style>
<table border="1" summary="테이블설명." cellpadding="0" cellspacing="0">
<colgroup align="center">
<col style="width:300px"></col>
<col style="width:90px"></col>
<col style="width:90px"></col>
<col style="width:90px"></col>
<col style="width:90px"></col>
<col style="width:90px"></col>
</colgroup>
<thead>
<tr>
<th>No Chance <br> to Observe</th>
<th scope="col">Poor</th>
<th scope="col">Fair</th>
<th scope="col">Good</th>
<th scope="col">Very Good</th>
<th scope="col">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row"><p>Intellectual Capacity</td>
<td><input type="radio" name="radio1" value="0" /></td>
<td><input type="radio" name="radio1" value="1" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"><p>Desire to achieve</td>
<td><input type="radio" name="radio2" value="0" /></td>
<td><input type="radio" name="radio2" value="1" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row">Potential to succeed in major field</td>
<td><input type="radio" name="radio3" value="0" /></td>
<td><input type="radio" name="radio3" value="1" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
정확히 어디다 넣어야할까요?
table tr td 여러군데 넣어봤지만 poor fair가 맞게 나오진 않네요.. ㅠㅠ
td 100%빼고 넣어보세요..
100%는 table에 넣습니다.
<table border=1 >
<tr >
<td ><p></td>
<td >
<td>No Chance<br> to Observe<br></td>
<td>Poor <br></td>
<td>Fair<br></td>
<td >Good<br></td>
<td>Very Good<br></td>
<td>Excellent<br></td>
</td>
</tr>
<tr>
<td><p>Intellectual Capacity</td>
<td>
<td><input type="radio" name="radio1" value="0" /></td>
<td><input type="radio" name="radio1" value="1" /></td>
</td>
</tr>
<tr>
<td><p>Desire to achieve</td>
<td>
<td><input type="radio" name="radio2" value="0" /></td>
<td><input type="radio" name="radio2" value="1" /></td>
</td>
</tr>
<tr>
<td><p>Potential to succeed in major field</td>
<td>
<td><input type="radio" name="radio3" value="0" /></td>
<td><input type="radio" name="radio3" value="1" /></td>
</td>
</tr>
</table>
여기저기 다 해봤지만 균일하게 안되네요 ㅠㅠ