테스트 사이트 - 개발 중인 베타 버전입니다

레프트 메뉴 왜이러는지좀 알려주세요..ㅜㅜ

웹표준초보자 10년 전 조회 3,157


 

 

.xdt_header .xdt_menu{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>width:250px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height:38px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>margin:0 auto;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>position : absolute;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>top : 35%;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>left : 9%;</p><p>}</p><p>.xdt_header .xdt_menu #gnb_menu{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height:38px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>float:left;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>width: 254px;</p><p>}</p><p>.xdt_header .xdt_menu #gnb_menu ul{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>list-style:none;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>margin:0;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>padding:0;</p><p>}</p><p>.xdt_header .xdt_menu #gnb_menu .gnb_ul>li{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>position:relative;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>white-space:nowrap;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>width: 250px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height:40px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>padding-top:1px;</p><p>}</p><p>.xdt_header .xdt_menu #gnb_menu .gnb_ul>li>a{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>font-size:18px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>font-weight:bold;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>color:#404040;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>padding:0 10px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>display:block;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height:38px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>line-height:37px;</p><p>}</p><p>.xdt_header .xdt_menu #gnb_menu .gnb_ul>li>a:hover,</p><p>.xdt_header .xdt_menu #gnb_menu .gnb_ul>li.active>a{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>color:#FFF;</p><p>}</p><p>.xdt_header .xdt_menu #gnb_menu .sub{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>display:none;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>position:absolute;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>top:38px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>left:50%;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>min-width:100px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>padding:10px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>z-index:10;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height:40px;</p><p>}</p><p>.xdt_header .xdt_menu #gnb_menu .sub>li{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>height:20px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>line-height:20px;</p><p>}</p><p>.xdt_header .xdt_menu #gnb_menu .sub>li>a{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>color:#fff;</p><p>}</p><p>

css 이렇게줬구

 

 

<div class="xdt_menu"></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><div id="gnb_menu"></p><p><span class="Apple-tab-span" style="white-space:pre">			</span><ul class="gnb_ul"></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"></p><p><span class="Apple-tab-span" style="white-space:pre">					</span><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></p><p><span class="Apple-tab-span" style="white-space:pre">					</span><ul class="sub" cond="$val1['list']"></p><p><span class="Apple-tab-span" style="white-space:pre">						</span><li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"></p><p><span class="Apple-tab-span" style="white-space:pre">							</span><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></p><p><span class="Apple-tab-span" style="white-space:pre">						</span></li></p><p><span class="Apple-tab-span" style="white-space:pre">					</span></ul></p><p><span class="Apple-tab-span" style="white-space:pre">				</span></li></p><p><span class="Apple-tab-span" style="white-space:pre">			</span></ul></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></div></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></div></p><p></div></p><p>

 

HTML소스 입니다 ㅠㅠ

마우스를 오버시켯을시 네비게이션이 하단으로 내려가야되는데 고정되어있습니다 js소스문제인지 꼬이기시작하니깐 어딜 손대야할지..ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

39.xdt_header .xdt_menu #gnb_menu .sub{
40    display:none;
41    position:absolute;
42    top:38px;
43    left:50%;
44    min-width:100px;
45    padding:10px;
46    z-index:10;
47    height:40px;
48}

 

 

링크가 없어서 직접 해보지는 못하고 추측하는건데...

 

서브가 엡솔루트로 되어있어서 위에 덮어 씌워지는거같아요.

 

릴레이티브로 바꿔보세요~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인