묻고답하기
div 에 대해서..
2007.11.09 01:11
테이블을 잘 쓰다가 제로보드XE 를 접하면서 DIV 에 심각하게 부딪히게 되었습니다.
근데 아무리봐도 너무 어려워용. 햇깔리구요.
아직 처음이라 그런지 개념잡기도 어렵구요.
왜 갑자기 div 를 사용해서 흑흑..
만약 2x3 표를 만든다면 어떻게 되는걸까요?
<table border="1">
<tr>
<td width="33%"> </td>
<td width="34%"> </td>
<td width="33%"> </td>
</tr>
<tr>
<td width="33%"> </td>
<td width="34%"> </td>
<td width="33%"> </td>
</tr>
</table>
테이블로 만든다면 위와같이 될텐데,
이것을 div 로 만든다면 어떻게 코딩을 해야 하나요?
한줄에 박스 하나밖에 못넣던데.. 어떻게 해야 두개, 세개를 넣을 수 있지요?
그리고, <ul> <li> <ol> 등과 같은것도 연관이 있나요?
아 어려워용. ㅠ.ㅠ
너무 초보적인거 묻는다구 혼내지 마세용. ㅠ.ㅠ
div 에 대한 참고할만한 사이트나 강좌좀 소개 부탁드릴께요.
근데 아무리봐도 너무 어려워용. 햇깔리구요.
아직 처음이라 그런지 개념잡기도 어렵구요.
왜 갑자기 div 를 사용해서 흑흑..
만약 2x3 표를 만든다면 어떻게 되는걸까요?
<table border="1">
<tr>
<td width="33%"> </td>
<td width="34%"> </td>
<td width="33%"> </td>
</tr>
<tr>
<td width="33%"> </td>
<td width="34%"> </td>
<td width="33%"> </td>
</tr>
</table>
테이블로 만든다면 위와같이 될텐데,
이것을 div 로 만든다면 어떻게 코딩을 해야 하나요?
한줄에 박스 하나밖에 못넣던데.. 어떻게 해야 두개, 세개를 넣을 수 있지요?
그리고, <ul> <li> <ol> 등과 같은것도 연관이 있나요?
아 어려워용. ㅠ.ㅠ
너무 초보적인거 묻는다구 혼내지 마세용. ㅠ.ㅠ
div 에 대한 참고할만한 사이트나 강좌좀 소개 부탁드릴께요.
댓글 2
-
xe촙5
2007.11.09 12:28
-
Bok-e
2007.11.30 16:20
123456
<DIV style="FLOAT: left; WIDTH: 30px;">1</DIV> <DIV style="FLOAT: left; WIDTH: 30px;">2</DIV> <DIV style="WIDTH: 30px;">3</DIV> <DIV style="FLOAT: left; WIDTH: 30px;">4</DIV> <DIV style="FLOAT: left; WIDTH: 30px;">5</DIV> <DIV style="WIDTH: 30px;">6</DIV>
이런걸 찾으시는건가요..ㅎ
css 로 옮겨가는게 깔끔하겠네요~
float: left; 속성이 왼쪽으로 붙인다는 말입니다..
실습해보면 금방 아실걸요 ^^
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| 덱스털 | 윈도우7에서 tar 압축하기 | |
| lord |
첨부파일문제 에러..
[4]
 | 2013.04.02 by lord |
| 쿤업 | 설치 첫화면부터 안됩니다 ㅠㅠ 도와주세요. [1] | 2013.04.02 by 구기닷 |
| 울트라맨써 | core 1.7.3.1 에서 기본 레이아웃이 xp ie 7에서 메뉴가 안보입니다. | |
| 야수택시 | 제가 관리자인데 홈페이지 관리를 할 수가 없어요. [1] | 2013.04.02 by 푸시아 |
| Neder | 포인트+이메일인증 관련 질문 | |
| 박선훈537 | 외부페이지 다국어설정 문제 [1] | 2013.04.02 by 푸시아 |
| 숙희 | XE-직접 FTP로 업로드시 xssAttacks.php 파일~ 업로드 문제 [2] | 2013.04.01 by 라르게덴 |
| 본체 | 네이버 지도. | |
| 본체 | 위젯페이지에 지도 넣은 방법 [1] | 2013.04.01 by 릭키님 |
| 로닌K | 페이지 모듈에서...위젯크기 중 세로가 수정되지 않는 문제 | |
| toriro |
게시판 비밀글 설정입니다.
[2]
| 2013.04.01 by 송동우 |
| abtB | 게시글에 embed 태그 첨부가 안돼요ㅠㅠ [1] | 2013.04.01 by 송동우 |
| 히이릯 | 시작페이지 때문에 질문드려요~ 도와주세요~ [1] | 2013.04.01 by 송동우 |
| 김 기 상 | 첨부파일 절대경로 문제 [1] | 2013.04.01 by 푸시아 |
| 엘비엠7 | XE 1.7 설치가 하다가 ... [1] | 2013.04.01 by pentopen |
| 에러뿡뿡 | 리플 적는 곳이 안나타납니다. [1] | 2013.04.01 by pentopen |
| 7kwon |
1.5.4.2에서 팝업애드온 날짜입력 불가~ ㅠ
[1]
| 2013.04.01 by pentopen |
| 실속제로 | 배너의 이미지가 수정이 안되는데요. | |
| 헐키헐키 | 포인트별 그룹연동에 대한 문의 글입니다. 꼭 답변 부탁드립니다. |
div를 가로로 3개 배치한다는 것이 보통일이 아니죠. ㅋ
스타일시트를 써서 float:left; 이런걸 써야하지 않나요?
예를 들어서
<div style="border:1px solid #000000;">
<div style="float:left; border:1px solid #000000;">첫번째</div>
<div style="float:left; border:1px solid #000000;">두번째</div>
<div style="float:left; border:1px solid #000000;">세번째</div>
</div>
<div style="clear:left; border:1px solid #000000;">
<div style="float:left; border:1px solid #000000;">첫번째</div>
<div style="float:left; border:1px solid #000000;">두번째</div>
<div style="float:left; border:1px solid #000000; width:300px;">세번째</div>
</div>
어째 좀 이상하네요 역시 난 촙5라서
맨마지막에 width를 100%로 해봤더니 다음줄로 가네요 ㅎㅎ
가로 사이즈는 px로 정확히 계산한 다음에 배분을 잘 해주어야 하겠는데요?
저같은 경우는 레이아웃 만들때 좌측 메뉴박스는 200px로 했고요
우측 공간은 750px이나 그렇게 주고 중간 공간은 50예상하고
그렇게 해서 보더 1px씩 차지하고 나면 가로는 얼추 1000px내에 다 들어옵니다.
제로보드도 대략 1000px에 마췄다고 보여지네요
<div style="clear:both; border:1px solid #000000; width:600px;height:200px;background:#99ffcc;">
<div style="float:left; border:1px solid #000000;width:200px;">좌측메뉴</div>
<div style="float:right; border:1px solid #000000;width:300px;">본문</div>
</div>
대략 이렇게 했습니다.