list에서 이미지 세로정렬문제입니다 ㅠㅠ
슬예
/*left menu*/
#leftwrap { float : left ; width : 167px ; margin:16px 6px 0 0;font-size:0;}
#leftwrap .left_tit{ padding:0; margin:0}
#leftwrap .menu_list{ width : 167px; margin:5px 0 0 0;}
#leftwrap .menu_list li{ width : 167px; display:block;}
#leftwrap .menu_list_top{width : 167px; height : 20px ; background:#CC99CC; paddings-top:4px; }
#leftwrap .menu_list_back{width : 167px; height : 16px ; background:#CC99CC;}
#leftwrap .menu_list_bottom{width : 167px; height : 20px ; background:#CC99CC;}
!-- ******************************************왼쪽메뉴 시작************************************************************* --
div id=leftwrap
p class=left_titimg src=../../images/putkr/menu/02.gif //p
ul class=menu_list
lia href=#img src=../../images/putkr/menu/020200_over.gif //a/li
li class=menu_list_topa href=#img src=../../images/putkr/menu/020201.gif //a/li
li class=menu_list_backa href=#img src=../../images/putkr/menu/020202.gif //a/li
li class=menu_list_bottoma href=#img src=../../images/putkr/menu/020203.gif //a/li
lia href=#img src=../../images/putkr/menu/020300.gif //a/li
li class=menu_list_topa href=#img src=../../images/putkr/menu/020301.gif //a/li
li class=menu_list_bottoma href=#img src=../../images/putkr/menu/020302.gif //a/li
lia href=#img src=../../images/putkr/menu/020400.gif //a/li
li class=menu_list_topa href=#img src=../../images/putkr/menu/020401.gif //a/li
li class=menu_list_backa href=#img src=../../images/putkr/menu/020402.gif //a/li
li class=menu_list_bottoma href=#img src=../../images/putkr/menu/020403.gif //a/li
lia href=#img src=../../images/putkr/menu/020500.gif //a/li
lia href=#img src=../../images/putkr/menu/020600.gif //a/li
/ul
/div
어찌어찌 찾아서 넣고 수정하고 하다보니 간격문제도 해결되고 다됬네요
그런데 한가지 문제가 남았어요
대표인사말 과 경영방침부분 이미지가 각각 bottom / top 으로 정렬되야 하는데 어떻게 해야하는지모르겠어요
아무것도 안먹히네요
도와주세요 ㅠㅠ
-
상1큼해
ul li안에 다시 ul을 넣었네요..
이게 더 접근성에 좋은건가요?? li안에 ul을 또 넣는 방식을 저는 당연스럽게 안맞는거라 생각했네요..감사합니다. -
가림
수다님처럼 말씀처럼 바꾸시는게 좋아요~ 소스가 더 간결해지고 접근성에도 좋아요^0^
-
봄나
ul 안에서는 다시 ul li가 나올수 있답니다. 메뉴에서 많이들 사용하는 걸로 알고 있습니다.
-
도손
마크업 구조를 조금 바꾸시는게 좋을거 같습니다.
ul
\tlia href=\\menu001/a
\t\tul
\t\tlia href=\\menu001-01/a/li
\t\tlia href=\\menu001-02/a/li
\t\tlia href=\\menu001-03/a/li
\t\t/ul
\t/li
\tlia href=\\menu002/a
\t\tul
\t\tlia href=\\menu002-01/a/li
\t\tlia href=\\menu002-02/a