채택완료

html 테이블 작업질문있습니다..

2014-08-06 (수) 14:35:16 4,463

​만족도 조사 표를 만들고 있는데요 이쁘게 만들기가 힘드네요 ㅠㅠ

이렇게 했을때

선택항목 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개 / 댓글 2개

채택된 답변
+20 포인트
2014-08-06 (수) 15:35:35

테이블 웹표준으로 이렇게 짜면 됩니다.

1.col 에서 간격 맞추어 주면 되고


2.전체 100%로 잡고 싶으면

table width=100% 잡아주면 됩니다


Copy
<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>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</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>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</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>&nbsp;</td>        <td>&nbsp;</td>        <td>&nbsp;</td>    </tr></tbody></table>
 
2014-08-06 (수) 15:03:08

​td 100%빼고 넣어보세요..

100%는 table에 넣습니다. 

답변에 대한 댓글 1개

<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>
여기저기 다 해봤지만 균일하게 안되네요 ㅠㅠ
2014-08-06 (수) 14:54:10
​<td style=text-align:center;> 해보세요

답변에 대한 댓글 1개

정확히 어디다 넣어야할까요?

table tr td 여러군데 넣어봤지만 poor fair가 맞게 나오진 않네요.. ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.