I have a problem with making image hyperlinks work in Firefox/Netscape. It
seems the clickable area is narrowed down to a small area in the middle of
the image, around the edges or gone altogether. Very irregular. It seems to
be the worst if images are wrapped into nested divs.
Take a look at http://www.monarda.se/webb.htm All the images are linked to
the different sites they represent. The ones at the right are wrapped in
divs, the ones to the left just have a class applied to them. Works fine in
IE 6. Opera works the same as Mozilla.
I suspect this is a CSS problem.
Any thoughts?
/Lars
The classes are:
For the right-aligned images (applied to div containing the image [to be
able to contain image text]):
..bild_275_hoge rstalld {
margin-left: 5px;
float: right;
margin-top: 5px;
width: 275px;
border-bottom-width: medium;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
padding-left: 10px;
padding-bottom: 10px;
text-align: left;
}
For the left-aligned images (applied directly to image):
..bild_275_vans terstalld {
margin-right: 5px;
float: left;
margin-top: 5px;
width: 275px;
border-bottom-width: medium;
border-right-width: 1px;
border-bottom-style: solid;
border-right-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
text-align: right;
}
--
Lars Forslin
"Doing time on earth"
*************** ***********