가로메뉴 도와주세요~~~~ width:100%
파랑
ul class=ul_navi
li class=allcatea href=img src=JPG/index_menu_btn_img000.png//a/li
lia href=추천도서/a/li
lia href=신규도서/a/li
lia href=최신트렌드/a/li
lia href=기획도서/a/li
lia href=장르문학/a/li
/ul가로네비게이션이구요~
이런 마크업에서요...
ul이 100% 인데요~
첫번째 li는 이미지로 고정사이즈이구요 111px입니다.
나머지 li들이 각각 알아서 가로값을 자동으로 가져갔으면 하는데요... .ul_navi{width:100%; overflow:hidden;}
.ul_navi li{display:inline; list-style-type:none;}
.ul_navi li a{float:left; color:#FFF; font-weight:bold; font-size:17px;}그다음 어떻게.. 해야할지 막혀있어서요..
도움의 말.. 부탁드립니다. 헐...
-
꼬꼬마
옙~ 홧팅~!^^
-
채련
네 수다님 고맙습니다.
-
나라빛
드린거로 적용하신건가여??
왼쪽 안붙는건 마진이나 패딩이 들어가있어서 그런거같은데요.
아니면 좀더 쉽게 만들어야할 디자인을 보여주시면 더 정확하게 맞출수있을거같내요^^
어딜 붙여야하는지 어딜 얼만큼 떨어뜨려야하는지 설명으론 힘들어용..ㅠ.,ㅜ -
나츠
.ul_navi{overflow:auto;}
.ul_navi li{float:left;list-style:none;width:15%;text-align:center;}
.ul_navi li a{color:#red; font-weight:bold; font-size:17px;}
.ul_navi li.allcate{width:119px;}
css 만 수정했습니당~ -
동은
ul.ul_navi {position:relative;padding:0 0 0 100px;overflow:hidden;*zoom:1;}
ul.ul_navi li {float:left;width:19.9%;text-align:center;}
ul.ul_navi li.allcate {position:absolute;left:0;top:0;width:100px;height:30px;}
이정도로 하니 원하는 모양이 나오는거 같은데요 참고만하세요 ^^ -
중국드립
그니까... 이미지박은거 외의 나머지 메뉴 5개가 알아서 영역을 잡았으면 하는데 그게 안돼요
-
치킨마루
a 에 float는 빼셔야 할것 같습니다.
첫번째 li는 이미지 박으시면 사이즈가 고정될텐데 말이죠.. ㅎㅎ;
어느부분이 안되시는지요?