드롭다운 하위메뉴 밀림문제 정보
드롭다운 하위메뉴 밀림문제본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://joojin.net/new/talk.html
질문이 너무 많은가 싶지만 예상치 못한 난관에 자꾸 부딪히네요...
송구스런 마음으로 하나 더 여쭙습니다.
하이퍼링크 (예><a href="#"><img src : "#"> </a> )를 걸기 전에는
이미지가 제대로 출력되다가 링크태그만 걸면 이미지가 깨지는 문제입니다.
스크린샷 상에서 "출석부" 부분입니다.
스타일 쪽의 문제인지 감이 잘 안잡히네요.
일부 소스 첨부합니다.
----------------------source---------------------
<meta name="generator" content="Namo WebEditor(Trial)">
<body leftmargin="0" marginwidth="0">
<script type="text/javascript" src="http://joojin.net/new/js/jquery.min.js">
</script>
<script type="text/javascript" src="http://joojin.net/new/js/jquery.droppy.js">
</script>
<script type="text/javascript">
$(function() {
$("#nav").droppy();
});
</script>
</body>
<style type="text/css">
img { margin:0; padding:0; vertical-align:top; align:center; line-height:0; border:0; hspace:0; display:block; }
ul,li { margin:0; padding:0; hspace:0; }
#globalNavi { background:#transparent; margin:0; height: 30px; padding-top:0px; padding-bottom:10px; padding-left:15px; text-align:center; hspace:20; display:block; }
#nav { width: 1000px; margin: 0; auto; position: relative; line-height:0; hspace:0; }
#nav li { list-style: none; float: left; position: relative; hspace:0; padding-top:3px; top:10px; }
#nav ul { display: none; position: absolute; top: 29px; left: 0; hspace:0; }
* html #nav ul { line-height: 0; hspace:0; }
#nav ul li { float: none; }
#nav ul { width: 180px; hspace:0; }
#nav ul ul { top: 0; left: 180px; hspace:0; }
#nav ul a {
display: block;
width: 180px;
background:#transparent;
padding: 15px;
color: #7e7e7e;
border-bottom: 0px solid #FFF;
opacity: 0.7;
filter: alpha(opacity=90);
zoom: 0;
line-height: 0;
}
#nav ul a.hover { background: #transparent; }
/* 異붽? */
#nav a { padding:0px; margin:0px; color:#7e7e7e; }
</style>
<p align="center">
<div id="globalNavi">
<ul id="nav">
<li><a href="http://joojin.net/newhome.html"><img src="http://joojin.net/homeimage/buttonHome.png" border="0"></a></li>
<li><a href="http://joojin.net/study.html"><img src="http://joojin.net/homeimage/buttonStudy.png" border="0"></a>
<ul>
<li><a href="http://joojin.net/study.html"><img src="http://joojin.net/homeimage/check.png" border="0"></a></li> //<----- 문제부분
//이하 후략입니다
오류 주소 : http://joojin.net/new/talk.html
질문이 너무 많은가 싶지만 예상치 못한 난관에 자꾸 부딪히네요...
송구스런 마음으로 하나 더 여쭙습니다.
하이퍼링크 (예><a href="#"><img src : "#"> </a> )를 걸기 전에는
이미지가 제대로 출력되다가 링크태그만 걸면 이미지가 깨지는 문제입니다.
스크린샷 상에서 "출석부" 부분입니다.
스타일 쪽의 문제인지 감이 잘 안잡히네요.
일부 소스 첨부합니다.
----------------------source---------------------
<meta name="generator" content="Namo WebEditor(Trial)">
<body leftmargin="0" marginwidth="0">
<script type="text/javascript" src="http://joojin.net/new/js/jquery.min.js">
</script>
<script type="text/javascript" src="http://joojin.net/new/js/jquery.droppy.js">
</script>
<script type="text/javascript">
$(function() {
$("#nav").droppy();
});
</script>
</body>
<style type="text/css">
img { margin:0; padding:0; vertical-align:top; align:center; line-height:0; border:0; hspace:0; display:block; }
ul,li { margin:0; padding:0; hspace:0; }
#globalNavi { background:#transparent; margin:0; height: 30px; padding-top:0px; padding-bottom:10px; padding-left:15px; text-align:center; hspace:20; display:block; }
#nav { width: 1000px; margin: 0; auto; position: relative; line-height:0; hspace:0; }
#nav li { list-style: none; float: left; position: relative; hspace:0; padding-top:3px; top:10px; }
#nav ul { display: none; position: absolute; top: 29px; left: 0; hspace:0; }
* html #nav ul { line-height: 0; hspace:0; }
#nav ul li { float: none; }
#nav ul { width: 180px; hspace:0; }
#nav ul ul { top: 0; left: 180px; hspace:0; }
#nav ul a {
display: block;
width: 180px;
background:#transparent;
padding: 15px;
color: #7e7e7e;
border-bottom: 0px solid #FFF;
opacity: 0.7;
filter: alpha(opacity=90);
zoom: 0;
line-height: 0;
}
#nav ul a.hover { background: #transparent; }
/* 異붽? */
#nav a { padding:0px; margin:0px; color:#7e7e7e; }
</style>
<p align="center">
<div id="globalNavi">
<ul id="nav">
<li><a href="http://joojin.net/newhome.html"><img src="http://joojin.net/homeimage/buttonHome.png" border="0"></a></li>
<li><a href="http://joojin.net/study.html"><img src="http://joojin.net/homeimage/buttonStudy.png" border="0"></a>
<ul>
<li><a href="http://joojin.net/study.html"><img src="http://joojin.net/homeimage/check.png" border="0"></a></li> //<----- 문제부분
//이하 후략입니다
댓글 전체

a태그에 padding이 있네요. (padding: 15px;)
이걸 지우시면 될것 같습니다.
이걸 지우시면 될것 같습니다.
@김처로
해결했습니다 감사합니다 : )
해결했습니다 감사합니다 : )