묻고답하기
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 남기남 |
꿈틀잉 | 관리자 페이지 백지현상 | |
Kangsunghyun | 최근게시물 추출 문의 | |
도리돌 | 다중도메인 문제.. (메인도메인으로 풀려버리네요) [3] | 2015.03.18 by 도리돌 |
가르송 | php버전호환 [1] | 2015.03.18 by 몽실아빠 |
가르송 | xe속도부분... [1] | 2015.03.18 by 몽실아빠 |
putty | 스케치북5 스킨 갤러리형게시판 쓰시는분들 질문이요 [3] | 2015.03.18 by putty |
김동하123 | ASXE_FLAT 레이 아웃에서 로컬메뉴가 안나타납니다 [1] | 2015.03.18 by 김동하123 |
Harry | 사이트맵 추가 반응 無 [5] | 2015.03.18 by ychany |
kinyenug | 모바일용 게시판! | |
kose | welcome_page [2] | 2015.03.18 by kose |
충신 | 모바일게시판 목록 조회수 표시 [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 | 고수님 좀 봐주세요^^ |
.menu .product_box이
즉 하단에 펼쳐지는 ul 부분이 absolute가 되어야 공간확보가 될겁니다.