룰오버이미지 질문
돌심보
html
head
title이미지맵/title
style
#header_nav {
width: 552px;
height: 38px;
background: url(header_nav.png);
background-repeat: no-repeat;
position: relative;
}
#header_nav li {
margin: 0; padding: 0; list-style: none; position: absolute; top: 0;
}
#header_nav li, #header_nav a {height: 38px; display: block;}
menu1 {left: 0; width: 84px;}
#menu2 {left: 84px; width: 123px;}
#menu3 {left: 207px; width: 116px;}
#menu4 {left: 323px; width: 109px;}
#menu5 {left: 432px; width: 120px;}
#menu1 a:hover {background: transparent url(header_nav.png) 0 -38px no-repeat;}
#menu2 a:hover {background: transparent url(header_nav.png) -84px -38px no-repeat;}
#menu3 a:hover {background: transparent url(header_nav.png) -207px -38px no-repeat;}
#menu4 a:hover {background: transparent url(header_nav.png) -323px -38px no-repeat;}
#menu5 a:hover {background: transparent url(header_nav.png) -432px -38px no-repeat;}
/style
/head
body
ul id=header_nav
li id=menu1a href=#/a/li
li id=menu2a href=#/a/li
li id=menu3a href=#/a/li
li id=menu4a href=#/a/li
li id=menu5a href=#/a/li
/ul
/body
/html
---------------------------------------------------------------------------
이미지맵(룰오버)하려하는데옆으로 갈때마다 계단처럼 밑으로 링크가 내려가네요
