묻고답하기

aa.PNG

 

일단 이런 구조의 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 남기남
Harry 사이트맵 추가 반응 無 [5] 2015.03.18 by ychany
kinyenug 모바일용 게시판!  
kose welcome_page [2] 2015.03.18 by kose
충신 모바일게시판 목록 조회수 표시 [8] 2015.03.18 by 충신
비누남어 인쇄 미리보기 시 페이지 깨집니다. 해결방법 있을까요? file  
오달수 모바일 게시판 목록에 추천수 나타내기 [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] file 2015.03.18 by 키스미베이베
세팔이ffa20 고수님 좀 봐주세요^^ file  
검푸 모바일 접속시 모바일 화면으로 이동하는 방법 [2] 2015.03.18 by 검푸
Pirate 누리고 질문 [5] file 2015.03.17 by 가르송
카사노바일까요 댓글창 높이 조절은 어떻게 해야되요  
김동하123 댓글은 무한대로 쓸 수 있나요? [4] 2015.03.17 by LI-NA
소영짜응 웹콘 W-Contents 위젯 있으신분 계신가요?^^ [2] 2015.03.17 by 소영짜응
okcashbag042 이미지 서명 [6] file 2015.03.17 by okcashbag042
가르송 xe속도문제 ㅠㅠ [3] 2015.03.17 by 가르송
일양지 (HTTP 500 내부 서버 오류  
banaba 내 사이트 검색에 노출하는법 [2] 2015.03.17 by banaba
화랑529 추천/비추/신고 등.. 누르면 반응이 없습니다. file  
가입명 rotots.txt 로 특정 단어 차단 방법  
야야야료 그누보드 php 질문입니다  
손경훈267 익스플로러6에서 첨부파일창이 안떠요 해결방법좀 알려주세요 [1] 2015.03.17 by ok4245142
SAISORI XE Core 구버전 문의  
자야2 신디케이션 적용시 "사이트 소유를 확인할 수 없습니다." file  
자야2 신디케이션 검증실패..사이트가 전혀 검색이 안되네요.ㅜ.ㅜ file  
헤르메스76271 스케치북 댓글 작성시 새로고침 안 되게 하는 방법