-
Hi All
I hope you can help.
I am developing a site and an image map renders in IE but not FFox et al. I have wrestled with this for hours and got nowhere. This is driving me crackers! Please help!
Thanks
Creebo
See
http://www.skryll.co.uk/ypn/
CSS
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
background-image:url("media/grad.jpg");
}
#wrapper {
margin: 0 auto;
width: 922px;
background:#fff;
}
#header {
color: #333;
width: 902px;
float: left;
padding: 0 10px;
border: 0px solid #ccc;
height: 150px;
margin: 10px 0px 0px 0px;
background-color:#fff;
background-image:url("media/masthead.jpg");
background-repeat:no-repeat;
}
#leftcolumn {
color: #333;
border: px solid #ccc;
background: #fff;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 120px;
float: left;
}
#content {
float: left;
color: #333;
border: px solid #ccc;
background: #fff;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 612px;
display: inline;
}
#content h1 {
font-size:13px;
padding:10px 20px;
background-image:url(media/h1bg.gif);
background-repeat:no-repeat;
color:#fff;
margin-top:6px;
}
#content h2 {
font-size:13px;
color:#707070;
margin:5px;
}
#content p {
line-height:20px;
padding:5px;
text-align:justify;
}
#content a {
color:#dc1c43;
font-weight:bold;
}
#map {
float:right;
padding-left:10px;
margin-top:0px;
}
#map h2{
padding-top:0;
margin-top:-20px;}
#rightcolumn {
color: #333;
border: px solid #ccc;
background: #fff;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 130px;
float: left;
}
#rightcolumn h2 {
font-size:13px;
color:#fff;
margin:5px 12px;
background-image:url("media/ypn.jpg");
background-repeat:no-repeat;
padding:9px 21px;
}
#rightcolumn img{
margin-top:10px;}
#footer {
width: 902px;
clear: both;
color: #fff;
border: px solid #ccc;
background: #dc1c43;
margin: 0px 0px 10px 0px;
padding: 10px;
font-size:.7em;
text-align:center;
}
-
-
Try this image map tool out.
http://www.image-maps.com
-
Thank you for the advice. Sorted!