묻고답하기
가로 선점 어떻게 넣어요?
2003.06.25 23:49
좌측 메뉴에 메뉴와 메뉴 사이에 점선을 넣고 싶은데 어떻게 해야 해요?
http://jini0302.gana4u.co.kr/communitymain.html
http://jini0302.gana4u.co.kr/communitymain.html
댓글 4
-
머찐넘지니
2003.06.26 00:11
-
코코푸르나
2003.06.26 10:29
헉! 클래스는 dot로 지정하고 테이블에는 class=td를 넣었네요..오타입니다..죄송..^^;;;
1.이미지처리방법
포토샵 등의 그래픽 프로그램에서 점선 이미지를 만듭니다. 만약 메뉴하나가 들어갈 테이블의 높이가 30px이라면
30*5 정도의 작업창을 만들고 좌측하단부분에 가로세로 1px 혹은 2px정도의 점을 찍은 후 images 폴더에 dot.gif라고 저장합니다. 문제의(?) html소스 중 메뉴부분은
<tr>
<td>자유이야기</td>
</tr>...........
이런 식으로 나오겠죠? 여기의 td에 아래처럼 하면
<tr>
<td background="images/dot.gif">자유이야기</td>
</tr>
가로 5px의 도트이미지가 반복적으로 나타나 가로30px의 테이블의 하단에 점선이 있는 모양으로 꽉차게 됩니다.
2.스타일시트로 처리
이미지처리보다 더 쉽습니다.
html파일의 <head>와 </head>사이에 아래의 내용을 넣습니다.
<style>
.dot { border: #999999 dotted; border-width: 0px 0px 1px 0px;}
</style>
그리고 아래처럼 적용합니다.
<tr>
<td class=dot>자유이야기</td>
</tr>
해석하면 "자유이야기"의 셀에 dot라는 스타일시트를 적용하는데, 이 dot클래스의 속성이 해당 셀의 하단에 높이 1px짜리 짙은회색(#999999)의 점을 찍어주는 것입니다.
"border-width: 픽셀값 픽셀값 픽셀값 픽셀값" 의 내용은 "border-width: 상단픽셀값 우측픽셀값 하단픽셀값 좌측픽셀값"
입니다. 참고하세요..^^ -
코코푸르나
2003.06.25 23:58
우선 점선 이미지를 만들어서 테이블의 배경으로 사용하는 방법이 있지요..
그리고 아래처럼 스타일시트을 이용해도 좋습니다..
<style>
.dot { border: #999999 dotted; border-width: 0px 0px 1px 0px;}
</style>
그리고 이렇게 적용시키면 되죠..
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class=td>어쩌구 저쩌구</td>
</tr>
</table> -
머찐넘지니
2003.07.02 20:45
감사 잘 되네여..스타일시트로 하는거 였구나..감사 합니다...
작업이 된 상태로 새로 할려니 완전히 노가다라서
적용을 못하고 위쪽에 씁니다..
감사`~
잘 이해가 안되여