질문드립니다..ㅜㅜ 정보
질문드립니다..ㅜㅜ본문
버튼을 한개의 이미지로 background-position을 사용하여 롤오버 하게 하였습니다.
일반 html파일에서는 잘도는데, 그누보드에만 끼어넣으면 클릭한후 오버되었을때의 이미지가 그대로 남아서 돌아오지를 않습니다.
a:visited,를 추가해봤는데도 소용이 없어서 질문드려봅니다.
고수님들의 답변 기다려보아요.. ^^
좋은 하루 되셔요...
--------------html 소스------------------
<div id="header">
<h1><a href="main.html">로고</a></h1>
<!-- Top Navi S -->
<ul id="topnavi">
<li id="company"><a href="com01.html">회사소개</a></li>
<li id="patent"><a href="com02.html">특허증보기</a></li>
</ul>
<!-- Top Navi E -->
</div>
--------------cssl 소스------------------
#topnavi {float:right; display:inline; margin: 40px 0 0 0; padding: 0px; height: 35px; list-style-type:none; overflow:hidden; }
#topnavi li { display: inline; margin: 0px; padding: 0px; list-style-type: none; }
#topnavi a{ float: left; overflow: hidden; padding: 35px 0 0 0; height: 0px !important; height: /**/:35px; /* 윈도우용 IE5를 위해 */ }
#topnavi a:hover { background-position: 0 -35px; }
#topnavi a:active, #topnavi a.selected { background-position: 0 -35px; }
#company a { width:100px; background:url(../images/top_btn_01.gif) top no-repeat;}
#patent a { width:100px; background:url(../images/top_btn_02.gif) top no-repeat;}
일반 html파일에서는 잘도는데, 그누보드에만 끼어넣으면 클릭한후 오버되었을때의 이미지가 그대로 남아서 돌아오지를 않습니다.
a:visited,를 추가해봤는데도 소용이 없어서 질문드려봅니다.
고수님들의 답변 기다려보아요.. ^^
좋은 하루 되셔요...
--------------html 소스------------------
<div id="header">
<h1><a href="main.html">로고</a></h1>
<!-- Top Navi S -->
<ul id="topnavi">
<li id="company"><a href="com01.html">회사소개</a></li>
<li id="patent"><a href="com02.html">특허증보기</a></li>
</ul>
<!-- Top Navi E -->
</div>
--------------cssl 소스------------------
#topnavi {float:right; display:inline; margin: 40px 0 0 0; padding: 0px; height: 35px; list-style-type:none; overflow:hidden; }
#topnavi li { display: inline; margin: 0px; padding: 0px; list-style-type: none; }
#topnavi a{ float: left; overflow: hidden; padding: 35px 0 0 0; height: 0px !important; height: /**/:35px; /* 윈도우용 IE5를 위해 */ }
#topnavi a:hover { background-position: 0 -35px; }
#topnavi a:active, #topnavi a.selected { background-position: 0 -35px; }
#company a { width:100px; background:url(../images/top_btn_01.gif) top no-repeat;}
#patent a { width:100px; background:url(../images/top_btn_02.gif) top no-repeat;}
댓글 전체
background-position 을 먹이는 대상이
#company 와 #patent 라야 되지 않을까 싶은데요..
a나 a:hover가 걸리는게
#topnavi가 아니고
#company 와 #patent니까요.
표현하시려는 의도에 맞는 설명이려나..ㅎㅎ;
#company 와 #patent 라야 되지 않을까 싶은데요..
a나 a:hover가 걸리는게
#topnavi가 아니고
#company 와 #patent니까요.
표현하시려는 의도에 맞는 설명이려나..ㅎㅎ;
우선 답변 감사드립니다.
급한마음에 우선 억지스럽게 맞춰 넣었습니다.. ㅎㅎ;
모조키님께서 답변해주신 방법은 한가해지면 한번 테스트 해봐야겠네요..
다시한번 꿉벅~
급한마음에 우선 억지스럽게 맞춰 넣었습니다.. ㅎㅎ;
모조키님께서 답변해주신 방법은 한가해지면 한번 테스트 해봐야겠네요..
다시한번 꿉벅~