다

이 소스 좀 봐 주세요.

· 2012-09-02 (일) 21:53:35 · 908 · 2
서브메뉴 이미지 작업없이 나눔고딕을 사용해서
서브메뉴를 만들었는데요



소스는..
페이지에서 메뉴 보여지는 소스
<!-- 사이드 시작 -->
<div id="subWrap">
<div class="subMenu">
<ul>
<li class="select"><a href="intro1.php">(X)HTML 소개</a></li>
<li><a href="intro2.php">레퍼런스 소개</a></li>
<li><a href="intro3.php">활용예제</a></li>
</ul>
</div>
</div>
<!-- 사이드 끝 -->

사이트메뉴 css는
.subMenu {
width:192px;
}
.subMenu h2 {
padding-bottom:10px;
border-bottom:2px solid #ff6738;
}
.subMenu h2 img {
padding:1px 0 0 4px;
}
.subMenu ul li a {
display:block;
padding:4px 0 4px 21px;
color:#333333;
font-family:'NanumGothicBold';
border-bottom:1px solid #E3E3E3;
background:url(icon_submenu.gif) no-repeat 164px 9px;
height:1%;
}
.subMenu ul li a:hover, .subMenu ul li a:focus, .subMenu ul li.select a {
color:#1890CD;
text-decoration:none;
font-family:'NanumGothicBold';
background:url(icon_submenu_ov.gif) no-repeat 164px 9px;
}
.subMenu ul li.select a {
font-family:'NanumGothicBold';
}


소스쪽은 잘 몰라서..이렇게 도움을 구해 봅니다.
아시는 분은 답변 좀 주세요
|

댓글 2개

<div class="subMenu" onmouseover="this.getElementsByTagName('li')[0].className=''">
2012-09-03 (월) 07:58:27
슈와이님 감사합니다.
그런데 다른 서브에 마우스 올렸다가 내리면..
마우스 아웃하면..
다 마우스 아웃 상태로 나오네요.

서브1은 마우스오버 색상이 나와야 하는데..

이것도 좀 봐 주세요
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12-09-03 조회 1,066
12-09-03 조회 898
12-09-03 조회 914
12-09-03 조회 879
12-09-03 조회 920
12-09-03 조회 1,107
12-09-03 조회 931
12-09-03 조회 770
12-09-03 조회 1,106
12-09-03 조회 895
12-09-03 조회 898
12-09-03 조회 1,687
12-09-03 조회 1,157
12-09-02 조회 860
12-09-02 조회 923
12-09-02 조회 909
12-09-02 조회 1,009
12-09-02 조회 890
12-09-02 조회 1,216
12-09-02 조회 1,851