html 테이블 작업질문있습니다.. 채택완료
만족도 조사 표를 만들고 있는데요 이쁘게 만들기가 힘드네요 ㅠㅠ
이렇게 했을때
선택항목 6개가 좀 균일하게 되었으면 좋겠는데..
어떻게 넣어야할지 잘안되네요
|
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% 잡아주면 됩니다
</strong></p><p><strong>
</strong></p><p><style type="text/css">
table tbody tr td{text-align:center}
</style> </p><p> </p><p>
<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
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> </p><p> </p><p><strong>
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 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>
여기저기 다 해봤지만 균일하게 안되네요 ㅠㅠ