묻고답하기

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 남기남
처음인걸 하나의 도매인에 쇼핑몰페이지 만드는 법좀 알 수 있을까요  
괴적인격 웹게임제작 [3] 2015.10.25 by 괴적인격
라디오스테이션 게시판 검색에서 분류를 몇가지로 제한하고싶습니다. file  
프로개미 DB 이전하면서 루트 패스가 변경됐는데요... public_html -> www/ 변경하려고 합니다. [4] 2015.10.24 by 프로개미
프로개미 에디터 비활성화 문제좀 조언 부탁드립니다.  
hellojdy 이부분 수정 어디서해야되나요?? [4] file 2015.10.24 by 퍼니엑스이
안뇽하세요 모바일 메인에 메뉴 삽입 [2] file 2015.10.24 by 안뇽하세요
아린아빠 1.8.5에서 게시판글을 쓰면서 파일첨부시 오류. [4] file 2015.10.24 by 아린아빠
클릭해 추천이 안됩니다. [4] 2015.10.24 by 클릭해
클릭해 누리고 쇼핑몰 설치시 오류문제  
ilkuang 아이폰 6 환경에서 게시판 리스트 썸네일 크기 조정 가능한가요?? file  
퍼즐조각 스케치북 익명 관리자만 닉네임 보이게 하기가 안 됩니다 ㅠㅠ  
두발자유 게시판의 카테고리 및 사용자 정의에 다국어 적용시 블랙화면 발생 합니다. file  
건즈 메뉴에 연결된 콘텐츠를 삭제하지 않고 메뉴를 제거하는 법 [2] 2015.10.24 by 윤삼
네르시온 데이터 들여오기 관련 질문입니다.  
pani**** 이미지에 마우스 오버효과 관련 문의  
퍼즐조각 급합니다 ㅠㅠ 회원 포인트 일괄 지급 가능한 방법 있나요? [1] 2015.10.24 by I-JEX
taewan1087 레벨 아이콘 표시하기위한 html 코드? [2] file 2015.10.24 by taewan1087
Darkplat 네이버 works 홈페이지 연동 질문합니다.  
진영라이팅 안드로이드 푸시 모듈을 보고 앱을 만들고있는대요 file