묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
CSS 좀 도와주세요 ㅜㅜ
2015.03.17 05:51
일단 이런 구조의 nav메뉴를 하는게 목표구요
HTML은 이렇고
<div class="col-md-4 menu"> <ul> <li><a href="#">Home</a></li> <li><a href="/shop/service/company.php">About Us</a></li> <li><a href="/shop/goods/goods_list.php?category=006">Products ▾</a> <ul class="product_box"> <ul> <li class="casual">Casual</li> </ul> <ul> <li class="performance">Performance</li> </ul> </ul> </li> </ul> </div>
CSS는 이렇습니다.
.menu { padding-top: 29px; text-align: right; font-family: Sans-serif; font-size: 20px; font-weight: bold; } .menu>ul{ width: 1000px; list-style-type:none; padding: 0; } .menu>ul>li { float:left; display: inline; width: 110px; text-align: center; line-height: 21px; } .menu ul>li>a{ display: block; text-decoration: none; } .menu ul>li>a:hover{} .menu .product_box{ /* il>li>ul>*/ width:100%; padding-top: 50px; height: 300px; position: relative; display: none; } .menu>ul>li:hover>ul{ display: block; /* display the dropdown */ width:100%; } .menu>ul>li>ul>ul { } .menu>ul>li>ul>ul>li { } .menu .casual { border-bottom: 3px solid; } .menu .performance { border-bottom: 3px solid; }
1차 메뉴를 가로로 나열하고
1차메뉴에서 드롭다운 메뉴를 만들기 까지 했는데
드롭다운 메뉴 안에서 저렇게 가로로 나열을 못하겠더라구요 ㅜㅜ 구글링을해봐도 잘없고... 도와주세요
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
충신 | 모바일게시판 목록 조회수 표시 [8] | 2015.03.18 by 충신 |
비누남어 | 인쇄 미리보기 시 페이지 깨집니다. 해결방법 있을까요? | |
오달수 | 모바일 게시판 목록에 추천수 나타내기 [1] | 2015.03.18 by 반걸 |
너구리우동면 | iframe resize | |
가을풍경 | 이런 사이트 만드는것 힘드나요? [3] | 2015.03.18 by CosignStudio |
1212 | 하나의 게시판에 2개의 레이아웃을.. [5] | 2015.03.18 by CosignStudio |
본히 | 게시판에서 수정 삭제 버튼을 관리자만 보이게 하기 [2] | 2015.03.18 by 본히 |
WCGM | http://domain.com와 같이 도메인만 노출시키는 방법? [3] | 2015.03.18 by 플라이나 |
키스미베이베 | CSS 좀 도와주세요 ㅜㅜ [2] | 2015.03.18 by 키스미베이베 |
세팔이ffa20 | 고수님 좀 봐주세요^^ | |
검푸 | 모바일 접속시 모바일 화면으로 이동하는 방법 [2] | 2015.03.18 by 검푸 |
Pirate | 누리고 질문 [5] | 2015.03.17 by 가르송 |
카사노바일까요 | 댓글창 높이 조절은 어떻게 해야되요 | |
김동하123 | 댓글은 무한대로 쓸 수 있나요? [4] | 2015.03.17 by LI-NA |
소영짜응 | 웹콘 W-Contents 위젯 있으신분 계신가요?^^ [2] | 2015.03.17 by 소영짜응 |
okcashbag042 | 이미지 서명 [6] | 2015.03.17 by okcashbag042 |
가르송 | xe속도문제 ㅠㅠ [3] | 2015.03.17 by 가르송 |
일양지 | (HTTP 500 내부 서버 오류 | |
banaba | 내 사이트 검색에 노출하는법 [2] | 2015.03.17 by banaba |
화랑529 | 추천/비추/신고 등.. 누르면 반응이 없습니다. |
.menu .product_box이
즉 하단에 펼쳐지는 ul 부분이 absolute가 되어야 공간확보가 될겁니다.