ul li 내부 ul li 서브메뉴가 보여지게 하고싶은데용..
달빛
기본적인질문인것 같지만사이트계급도 보시다시피 퍼블리싱 입문단계입니다-
첨부하는 이미지처럼 보여주려고 하는데요-
sub menu가 왜 제대로 안보여지구. 대메뉴끼리 붙어버리는지... 여쭤봅니다. ㅠline-height도 상속되지 않게하고싶은데요...
해결책좀 부탁드립니다ㅠ
#menu1 {width:176px; height:864px;}#menu1 ul li { position:relative; width:176px; height:33px; background:url(images/main_52.png) no-repeat; line-height:36px; padding-left:42px;}#menu1 ul li ul {width:140px; }#menu1 ul li ul li {background:none; line-height:20px; padding-left:1px; position:relative; width:140px;height:20px;}
div id=menu1ulli공통ulli자료실/lili비밀번호변경/lilisms전송결과/liliair지원일지/li/ul/li
li이용신청관리ulli이용신청관리/lili납입자원부/lili이용자원부/lili서비스원부/li/ul/li
/ul/div
-
겨울바람 2024-09-18
line-height값이 상속되서 문제가 된다면 초기화 시켜주세요.
디폴트 값은 normal입니다. -
빛나라 2024-09-18
#menu1 ul li ul li {line-height:normal;width:134px;padding-left:1px;height:20px}
글구 여기 백그라운드 말고도
#menu1 ul li ul li {background:none;line-height:normal;width:176px;padding-left:0;height:20px}
일케 해주시면 더 깔끔하게 초기화 하고 가로길이 딱 맞겠어요.
근데 저라면 아마 상속받지 말아야 할 리스트 구조 -
알찬해 2024-09-18
#menu1 ul li 선택자가
소메뉴 li에도 영향을 미치니
백그라운드도 none 해주는게 맞겠네요..
글구
#menu1 ul li ul {}
이건 걍 지워버리세요. -
니지 2024-09-18
헉 넘 감사드립니다 ㅠㅜ 미역님 소스 + 소메뉴에 백그라운드none만 추가시켜주니까 완벽하네요
-
블랙캣 2024-09-18
x축길이도 menu 네비게이션이 고정이라면 내부 속성에 padding이나 margin을 먹일때 width값을 고려해 주셔야 합니다. 삐져나온거 overflow걍 시킬란다 하신다면야 뭐;; 할말이 없겠습니다만..
정확한 코딩 의도가 무엇인지는 모르겠으나
#menu1의 가로길이가 고정이라면 width지정하시고
내부 리스트들의 width와 padding, margin은 고려해서 넘치지 않게 짜는것이 여러모로 좋습니다.
아 그리고 list style이나 리 -
동생몬 2024-09-18
첫번째 li의 높이를 강제 지정하지 마세요.
2중 구조이므로 자식 노드의 리스트들도 부모 li의 범위 안에서 존재하는 개념입니다.
#menu1 ul li 에다가
overflow:hidden을 먹여보시면 아시겠지만
overflow의 속성이 기본값이 visible이라서 소메뉴 리스트가 다 보이고 있는 것이지
엄연히 #menu1 ul li의(대메뉴) 높이값은 33px입니다.
그림파일이 되는 큰 메뉴의 높이가 33px이라서 그리 지정하셨는지는 모르겠습니 -
우수리 2024-09-18
감사합니다. 참고하겠습니다~
-
뱐헀어 2024-09-18
라인하이트 상속안되게 하려면 거기 태그에 line-height:0px ; 한후에 다시 설정하시거나 태그 우선순위로 조정하시면 됩니다.