묻고답하기
고수님의 의견을 듣고싶습니다. 마우스오버
2014.06.18 08:08
고수님들의 정성스러운 의견을 듣고 싶습니다.
<a href="../../xe/board4" onMouseOver="img_act('menu2');return true"
onMouseOut="img_inact('menu2')" target="_top"><img
src="../../img/iov-menu5sub2.jpg" width="163" height="35" border="0"
name="menu2"></a>
위 태그를 <div> 를 사용하여 사용하려고 합니다. 익스플로어에서는 문제없으나 크롬에서는 틀이 벌어지는 현상때문에 바꾸고 있습니다.
<a href="../../xe/board4" onMouseOver="img_act('menu2');return true"
onMouseOut="img_inact('menu2')" target="_top"><div style="background:
url(../../img/iov-menu5sub2.jpg) no-repeat; width: 163px; height: 35px;
"></div></a>
이렇게 바꾸었는데 name="menu2" 이 부분은 <div>태그안에 또는 이미지부분에 어디에 들어가야 하는지요
고수님들의 답변 급히 기대합니다
예를 들어주시면 저같은 초보에게 도움이 됩니다. 잘 부탁드리겠습니다
댓글 5
-
Double'U'
2014.06.18 09:48
-
작은111
2014.06.19 09:21
말씀해주신 태그사용법을 잘 모릅니다.
예제를 만들어주시면 안될까요??????????
-
Double'U'
2014.06.19 09:26
http://search.naver.com/search.naver?where=nexearch&query=div+onclick&sm=top_hty&fbm=1&ie=utf8
이정도만 검색해도 많이 나옵니다.
-
작은111
2014.06.20 11:10
네 감사합니다. ^^
-
이런경우 다음과 같이 해결도 가능합니다.
<div>
<a href="../../xe/board4" onMouseOver="img_act('menu2');return true" onMouseOut="img_inact('menu2')" target="_top" style="display:block; background: url(../../img/iov-menu5sub2.jpg) no-repeat; width: 163px; height: 35px; ">
</a>
</div>
<a 태그 속에 div 속에 있는 style="" 속성을 그대로 붙이시고, 재일 앞에
display:block;
속성을 추가 해주시면 됩니다.
display:block; 속성은 a태그 span 태그와 같은 글자를 중심적으로 다루는 태그들의 객채를 div와 같은 객채 식으로 인식하도록 하고 width: height: 값들을 다 읽히도록 도와줍니다.
div는 개체라기보다는 영역입니다.
a태그를 div에 사용하는 것부터 잘못된 것 같습니다.
div에 링크를 먹이고자 한다면 onclick를 사용하세요.
css로 마우스는 포인터 주구요.
온마우스오버와 아웃은 div에 넣고 this를 사용해도 될듯 합니다.