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로
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2668944 | 이 사이트의 테마는 뭘까요? | 갅지돋는슬아 | 2024-09-19 |
2668918 | InputStream 을 String형으로 변환 (7) | 은G | 2024-09-19 |
2668893 | 자바 랜덤함수에 대해 질문 드립니다. (3) | 달콤이 | 2024-09-19 |
2668865 | [질문]AIR에서 크로스 도메인간 이미지 로드 | 여우By | 2024-09-19 |
2668806 | li 정렬 관련 질문입니다. (4) | 늘빈 | 2024-09-18 |
2668782 | ul li 내부 ul li 서브메뉴가 보여지게 하고싶은데용.. (8) | 달빛 | 2024-09-18 |
2668725 | 액션으로 조정하는 블러필터효과 다시 질문드립니다^^;;; (5) | 소아 | 2024-09-17 |
2668693 | temp의개념.을. | 그리 | 2024-09-17 |
2668663 | 살짝 궁금한게있는데.. (5) | 너만 | 2024-09-17 |
2668635 | footer 맨 아래에 고정시키기..ㅜㅜ (2) | 조은 | 2024-09-17 |
2668607 | C++ 오류 | 유진깡 | 2024-09-16 |
2668580 | 이런 질문 수없이 많이 올라왔겠죠.. (10) | 다연 | 2024-09-16 |
2668530 | 반지름이 5인 원의 둘레와 면적을 구하는 프로그램을 작성하라. (3) | 곰돌츼 | 2024-09-16 |
2668502 | 혹시 워드프레스 사용하시는 분 있나요? (3) | 꽃햇님 | 2024-09-15 |
2668403 | 주석 부분은 스크린 리더에서 읽는 것인지요? (2) | 민트향 | 2024-09-14 |
2668377 | 미분이나 적분 수식을 코딩으로 하려면 ..... (1) | 대나무 | 2024-09-14 |
2668351 | 명령행 인자를 전달해주는 방법좀 알려주세요. | 아리알찬 | 2024-09-14 |
2668323 | 웹서비스질문. (1) | 선아 | 2024-09-14 |
2668293 | "/aa"에서 /가 도대체 뭔지..ㅡㅡ;; (5) | 천사 | 2024-09-13 |
2668269 | 다른언어와 비교하여서 자바가 좋은점이 뭔가요..? (9) | 진나 | 2024-09-13 |