any css experts? image map with css?
hi
has anyone got an idea of where i'm going wrong. i know how to do an image map with html, but this needs to be in css.
i'm trying to map part of an image (contact_bg.jpg) on a css page, but the code i've tried below maps part of the page that i have given coordinates for and not the image. so i want to know how to make my coordinated relative to the image and not the page.
Code:
.contactInfo {
width:220px;
height:260px;
padding-left:10px;
background:url(../images/contact_bg.jpg) no-repeat top right;
display:block;
}
.contactInfo a{
position: absolute;
top: 110px;
left: 260px;
width: 30px;
height: 30px;
}
.contactInfo a:hover{
border:5px solid #000000
}
the hover part of the code is just so i can see where it is on the page.
anyone got any ideas where i'm going wrong? |
