ul li 간격에 대해서 질문합니다.
옆집언니
뭔코드를 잘못 넣은건지 계속 leftmenu 항목이 떨어져서 나옵니다.파이어폭스에선 딱 붙어서 제대로 나오는데 인터넷익스플로러에서만 절케 나오는데
고수님들 좀 알켜주세요. 왜저러는 건지 ㅜㅜ
-------------------------------------------------------------------------------------------
** css
#wrapper #leftmenu {width: 200px; height: 646px; float: left;}
#leftmenu .lefttop {width: 200px; height: 57px;}
#leftmenu .lefttop img {margin-top: 18px;}
#leftmenu #sidemenu {width: 200px; height:589px; background:url(../../images/common/leftmenu_bg.gif) repeat-y;}
#leftmenu #sidemenu .topimg {width:200px;}
#leftmenu #sidemenu ul{margin:0; padding:0;}
#leftmenu #sidemenu ul#leftNav {list-style: none; margin:0; padding:0; width:200px;}
#leftmenu #sidemenu ul#leftNav li {float: left; margin:0; padding:0; display:block; list-style:none;}
#leftmenu #sidemenu ul#leftNav li img{vertical-align: top;}
#leftmenu #sidemenu ul#leftNav li ul#menu1{float: left; margin-top:5px; padding:0; width: 200px;}
#leftmenu #sidemenu ul#leftNav li ul#menu1 li{float: left; margin:0 0 0 17px; padding:0;}
#leftmenu #sidemenu ul#leftNav li ul#menu1 li img {display: block;}
#leftNav .menu1 a#01 {display: block; background-image:url(../../images/common/left_menu01_on.gif); width: 200px; height: 24px; border-bottom:none;}
#leftmenu #sidemenu ul#leftNav li ul#menu2{float: left; margin-top:5px; padding:0; width: 200px;}
#leftmenu #sidemenu ul#leftNav li ul#menu2 li{float: left; margin:0 0 0 17px; padding:0;}
#leftmenu #sidemenu ul#leftNav li ul#menu2 li img {display: block; line-height: 1px;}
#leftmenu #sidemenu ul#leftNav li ul#menu3{float: left; margin-top:5px; padding:0; width: 200px;}
#leftmenu #sidemenu ul#leftNav li ul#menu3 li{float: left; margin:0 0 0 17px; padding:0;}
#leftmenu #sidemenu ul#leftNav li ul#menu3 li img {display: block;}
#leftmenu #sidemenu ul#leftNav li ul#menu4{float: left; margin-top:5px; padding:0; width: 200px;}
#leftmenu #sidemenu ul#leftNav li ul#menu4 li{float: left; margin:0 0 0 17px; padding:0;}
#leftmenu #sidemenu ul#leftNav li ul#menu4 li img {display: block;}
--------------------------------------------------------------------------------------------------
코드
!-- left memu --
div id=leftmenu
div class=lefttopa href=#img src=images/common/top_logo.gif alt=식품오염물질 //a/div
div id=sidemenu
div class=topimgimg src=images/common/leftmenu_top.gif alt=/ /div
ul id=leftNav
liimg src=images/common/left_menu01.gif alt=기준.규격/
ul id=menu1
lia href=#img src=images/common/left_menu01_01.gif alt=오염물질별//a/li
lia href=#img src=images/common/left_menu01_02.gif alt=국가별//a/li
lia href=#img src=images/common/left_menu01_03.gif alt=국제규격//a/li
liimg src=images/common/sub_menuline.gif alt=//li
/ul
/li
liimg src=images/common/left_menu02.gif alt=연구현황/
ul id=menu2
lia href=#img src=images/common/left_menu02_01.gif alt=위해평가//a/li
lia href=#img src=images/common/left_menu02_02.gif alt=모니터링//a/li
lia href=#img src=images/common/left_menu02_03.gif alt=식약청 연보//a/li
liimg src=images/common/sub_menuline.gif alt=//li
/ul
/li
liimg src=images/common/left_menu03.gif alt=국제협력/
ul id=menu3
lia href=#img src=images/common/left_menu03_01.gif alt=codex동향//a/li
lia href=#img src=images/common/left_menu03_02.gif alt=유럽신속정보//a/li
liimg src=rc=images/common/sub_menuline.gif alt=//li
/ul
/li
liimg src=images/common/left_menu04.gif alt=최근동향/
ul id=menu4
lia href=#img src=images/common/left_menu04_01.gif alt=공지사항//a/li
lia href=#img src=images/common/left_menu04_02.gif alt=보도자료//a/li
lia href=#img src=images/common/left_menu04_03.gif alt=교육.세미나자료//a/li
liimg src=images/common/sub_menuline.gif alt=//li
/ul
/li
liimg src=images/common/left_menu05.gif alt=관련사이트//li
liimg src=images/common/left_menu06.gif alt=업무프로파일//li
/ul
/div
/div
!-- // left memu --
li 메뉴들이 위에 여백이 생기는것을 없애고 싶습니다. 고수님들 도와주세요. 하루종일 이것땜에 헤매고 있습니다. ㅜㅜ
-
하늘빛눈망울
이미지를 길게 잘라서 그런건가요?
-
접시
img의 높이가 font-size: 12px;보다낮으면 font-size를 줄여보세요. 줄이는 김에 line-height두요
-
앤드류
img를 잘못 자르신것 같은데요....
-
하늘
img 에 vertical-align: top;은 줬구요. 검색을해봤는데 못찾아서 ㅜㅜ
-
승아
img 에 vertical-align: top;을 줘보세요. 자세한건 검색을 ^^;;
-
고독
저부분 img랑 소스압축해서 올려주시면 안되나요??