Topic: Explorer Again... Pages that link to <a href="https://ozoneasylum.com/backlink?for=25772" title="Pages that link to Topic: Explorer Again..." rel="nofollow" >Topic: Explorer Again...\

 
Author Thread
templar654
Paranoid (IV) Inmate

From: your backyard!
Insane since: Apr 2004

IP logged posted posted 05-15-2005 17:50 Edit Quote

Ok here's what I have. A image in the background of my header. I have a transparent image in front which I'm going to use as a support for a mouse over effect. I've kept the image there because I'm going to be adding some skinning abilities to the site I'm working on so I'd have more flexibility this way.

I've made the mouseover effect in CSS and it works very smoothly in Opera and FF but IE does different. It does the mouseover... but on mouseout the image is stuck! I have the mouseover image in front instead of the previous one! WHY?!?

Here's my CSS, something wrong?

code:
#head a img  { width: 174px; height: 64px }
#head a:hover img {
width: 174px; height: 64px;
background: url(images/headover.gif) left no-repeat;}


Also I have question. Is it possible to have the width of an image, div or anything else on the page have it's proportion's changed in IE? I know it is in Opera and FF I've done it but everytime I try in IE it doesn't work! For example let's say I have an image with a width of 35px which I want on mouseover to become 100px for some specific reason only I know! I try doing it with CSS similar to the one above and it works perfectly in Opera and FF but IE doesn't perform the wodth change. I'm starting to think it's not possible in IE...



(Edited by templar654 on 05-15-2005 17:54)

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 05-15-2005 21:02 Edit Quote

source code or live link

templar654
Paranoid (IV) Inmate

From: your backyard!
Insane since: Apr 2004

IP logged posted posted 05-16-2005 04:16 Edit Quote

I don't have anywhere to upload the page so I'll just write the source code for the header:

code:
<div id="top">
<div id="head"><a href="#"><img src="images/spacer.gif" width="0" height="0" border="0" /></a></div>
<div id="hdlinks"><a href="#matter" alt="To Matter">skip to matter</a><br /><a href="updates.htm" alt="View Updates">latest updates</a></div>
</div>



templar654
Paranoid (IV) Inmate

From: your backyard!
Insane since: Apr 2004

IP logged posted posted 05-16-2005 15:26 Edit Quote

Hmmm I think I should also point out where the problem is

The part of the above code that goes

<div id="head"><a href="#"><img src="images/spacer.gif" width="0" height="0" border="0" /></a></div>

That's where the problem is. Everytime I try to hover over it in IE the hover stay's put! It doesn't change back on mouseout...



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu