[thelist] Questions concerning events and CSS in opera
Rob Whitener
rwhitener at DesignOptions.com
Fri Feb 7 08:32:38 CST 2003
I have a couple of questions regarding Opera 6.2.3.
First, does opera have a mouseout event? I have a graphic on the homepage
for my site that has rollover images. Sadly, I built it in fireworks and it
makes use of a mouseout event. I noticed that once the mouseover image is
displayed, when the mouse moves away, no swap occurs. I put an alert inside
one of the functions I use and sure enough, no mouseout!
Second: Are there any idioyncracies with absolute positioning in Opera? I
have a map of the us set up structured something like this:
<div class="map" id="mapofus"> <img src="mapofus.gif" border="0"
usemap="#mapofus" >
<map name="mapofus" >
<area name="area_1" .....>
.
.These are the image maps for the main map of the US
.
<area name="area_31"......>
</div>
<div class="swap" id="area_1"
onMouseOut="setTimeout('hideImage(1)',interval);" >
<img src="wa_blue.gif" usemap="#mapofus" > </div>
.
.
.
.
<div class="swap" id="area_311"
onMouseOut="setTimeout('hideImage(1)',interval);" >
<img src="tn_red.gif" usemap="#mapofus" > </div>
The CSS classes are below:
.map {
height: 400px;
width: 700px;
left: 20px;
top: 20px;
z-index: 0;
position: absolute;
border: none;
}
.swap {
position: absolute;
visibility: hidden;
height: 400px;
width: 700px;
left: 20px;
top: 20px;
z-index: 1;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
Whenever a user mouses over a state, the rollover image shows left of where
it should be. Do I need to use selectors or is the way I have it fine and I
need to restructure my HTML? Please help.
Links:
http://www.designoptions.com/newsite/home.htm
http://www.designoptions.com/newsite/replocator.htm
Thanks a bunch,
Rob
More information about the thelist
mailing list