ul 과 li
연하얀
#main_leftbox {
width: 167px;
float: left;
border: 1px solid #dadada;
background-color: #ffffff;
}
#listtab_01 {
margin: 0;
}
#listtab_01 li {
background-color: #f4f5f6;
margin: 0;
padding: 6px 0px 6px 12px;
list-style-type: none;
border-bottom: 1px solid #dadada;
}
div id=main_leftcolumn
div id=main_leftbox
ul id=listtab_01
lirk/li
lirk/li
lirk/li
/ul
/div
/div
늘 테이블로 코딩을 하다가..div로 해보려니 너무 헷갈리고 어렵네요..^^;;
이런식으로 코딩을 했는데..이게 맞는 방법인지 모르겠습니다.
그리고 이렇게 하니
div id=main_leftcolumn의 아래쪽테두리부분과 li bottom에 준 라인이 겹쳐 맨 아래쪽엔 테두리가 두겹나타나는데요..
이건 어떻게 해결해야 할까요...ㅠ_-;;
아님 저런 식의 메뉴를 올바르게 나타내려면 다른방법이 있는건지요..??
메인시안이 나오고 테이블로 코딩하면 몇시간 뚝딱 하면 끝나는데.. div로만 코딩해보려니..며칠이 걸리네요..ㅎㅎㅎ;;
-
소심한여자
스타일시트는
각줄의 width값이 고정이라는 가정하에...
#navi{
margin:0;
padding:0;
list-style:none;
border-top:1px solid #dcdcde;
border-left:1px solid #dcd -
꽃큰
div태그는 전혀 필요치 않구요.
일단 마크업은
ul id=\navi\
liimg src=\이미지 경로\ alt=\\ /01/li
liimg src=\이미지 경로\ alt=\\ /02/li
liimg src=\이미지 경로\ alt=\\ /03/li
liimg src=\이미지 경로\ -
키움
li.end {border:none;} 마지막 li에 end 클래스!
-
솔찬
ul에 보더 위 오른쪽주고 li에 아래 왼쪽 주면 안겹치죠. 물론 ul에 패딩이 있다면 ㅈㅈ
-
하린
.menu{float:left; width:167px; margin:0;}
.menu li{margin:0; padding: 6px 0px 6px 12px; border:1px solid #dadada; background:#f4f5f6; list-style:none;}
ul class=\menu\
li1/li
li2/li
/ul
그냥 단순하게 이렇게 하면 되겠는데요. 엘리먼트를 꼭 div로 감싸기보다는 표현, 디자인상의 어려움이 있을때만 div로
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2690365 | 고수님들~ IE6,7의 버그를 잘 잡기위한 튜토리얼이나 책 추천좀 부탁드려요! (1) | Schokolade | 2025-04-04 |
2690307 | 연사자중 &에 대해 질문합니다. | 미리별 | 2025-04-03 |
2690286 | 포커스메소드.. (3) | 집1어치워 | 2025-04-03 |
2690261 | label..? (10) | 차분 | 2025-04-03 |
2690232 | Contact form 7 에서 방문자가 한글파일을 첨부해서 보내면 파일명이 깨집니다. (1) | 무들 | 2025-04-03 |
2690207 | 질문~ 산수? 문제욧.ㅋ 다시질문이욧~ (5) | 가리매 | 2025-04-02 |
2690178 | 사진 게시판 질문입니다. (1) | 빛다 | 2025-04-02 |
2690144 | 글씨속성중 %요...? (3) | 클라우드 | 2025-04-02 |
2690116 | 비베.net 과 비베와 같나요?? | 흰여울 | 2025-04-02 |
2690088 | 퍼블리셔분들 문의드려요~! | 예그리나 | 2025-04-01 |
2690033 | 기초적인 비트연산자에 관한 문제.. (3) | 초시계 | 2025-04-01 |
2690006 | td에 class값에 대해.. (7) | 계획자 | 2025-04-01 |
2689979 | [초보질문] 제발 가르쳐 줘요..생 초보 한테는 답두 안해 주남여...흑 (8) | 간조롱 | 2025-03-31 |
2689952 | [질문] 다람쥐메일같은걸(IMAP되는) 직접 깔 수 있는 웹호스팅이 있을까요? | 힘차 | 2025-03-31 |
2689932 | 텍스트 세로정렬(?) 관련질문 | 우수리 | 2025-03-31 |
2689908 | 커스텀 테마 플러그인 추천 부탁드립니다~! | 풋내 | 2025-03-31 |
2689882 | 플래시 액션스크립터의 역활은 어디까지 일가요? (10) | 민트 | 2025-03-30 |
2689849 | iframe 표준에 맞게 넣는 방법 (3) | 타마 | 2025-03-30 |
2689824 | c++에서 string.. (6) | 슬옹 | 2025-03-30 |
2689791 | 애플릿뷰어를 실행하면 아무것도 안나오네요 (1) | 너에게 | 2025-03-30 |