11 replies [Last post]
odders
odders's picture
Offline
newbie
Vancouver, Canada
Last seen: 13 years 3 weeks ago
Vancouver, Canada
Timezone: GMT-8
Joined: 2007-11-08
Posts: 7
Points: 0

Hi Guys,

I was hoping maybe someone could shed some light on this for me. I am currently working on a site which can be viewed here.

I have tested it in Firefox 2, Opera 9, and Safari 3, and everything works pretty well the way it should. However, in IE 7, the children in the menu stay visible. I have done a fair bit of Googling on this, and can't seem to find any common workarounds. (I know in older browser like IE 6 it doesn't work at all, but I'll get to that later Tongue)

I don't know whether this has anything to do with it, but the portion of code in OpacityTween.js that controls the opacity looks like this:

o.onMotionChanged = function(evt){ var v = evt.target._pos; var t = this.targetObject; t.style['opacity'] = v / 100; t.style['-moz-opacity'] = v / 100; if(t.filters) t.filters.alpha['opacity'] = v; }

If anyone knows of a way to apply the transparency effects to a dynamic amount of children, ideally without having to recursivley add each and every child explicitly to the animation sequence, that would be awesome.

Thanks, Andrew

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Your page is riven with

Your page is riven with errors! we ask that code is validated before being presented for help.

You have a load of dynamics occurring that makes it a lengthy and tricky to determine what's happening so I'll thhrow into the pot the fact that if any child elements have position:relative then that will reset the opacity( contrary to what is supposed to happen)but I don't think that is the problem here.

You also should not be using an XHTML 1.1 DTD and most definitely not using the XML declaration as it throws IE6 into Quirks mode.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

odders
odders's picture
Offline
newbie
Vancouver, Canada
Last seen: 13 years 3 weeks ago
Vancouver, Canada
Timezone: GMT-8
Joined: 2007-11-08
Posts: 7
Points: 0

Thanks for the quick

Thanks for the quick response Smile To my defence, I think you will notice that by far the majority of validation errors are caused missing alt tags, and the pipe character being present in the rel attribute as part of the deep linking system - things that do not effect the rendering of the page by any means. If you have a quick look at the html, css and associated javascript I am sure you will see it is quiet clean and conformant (other than my use of a center tag lol).

Anyway, your tip on the relative postioning on children was right on the money! Thanks for your advice there. I will change that doctype too - for some reason I figured that doctype was a good one to use becuase it was so verbose, but I didn't look into it like I should have.

Thanks again, Andrew

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Point conceded on the nature

Point conceded on the nature of the errors, but as you point out your code is of good quality why let it down - however incidentally - with a few markup errors.

Glad that it's fixed though, personally always rather liked IE misbehaviour with opacity and pos:rel

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

odders
odders's picture
Offline
newbie
Vancouver, Canada
Last seen: 13 years 3 weeks ago
Vancouver, Canada
Timezone: GMT-8
Joined: 2007-11-08
Posts: 7
Points: 0

Heheh, I agree completely -

Heheh, I agree completely - I only have th one validation error left with the center tag which should be CSSified momentarily...

Thanks again so much for your help - I'm usually a little leery using forums for help, but it is refreshing to get such fast and thoughtful responses Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Were a pretty friendly bunch

Were a pretty friendly bunch Smile usually thoughtful but you have to take the rough with the smooth Smile.

We do tend to get a little stuffy when code isn't validated as so many problems are sorted by ensuring one has a correctly constructed DOM, also certain apparently innocuous errors can have unexpected results such as leaving off a closing quote

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Triumph (not verified)
Anonymous's picture
Guru

Hugo wrote:Your page is

Hugo wrote:
Your page is riven with errors!

That was awfully dramatic. LOL

Thy code be eviscerated by thy scurvy markup errors. Argh!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

it was a little uncalled

:blushing: it was a little uncalled for, but the sentence flowed so well and I do like the word riven it has a certain dramatic flair, even if a tad hyperbolic.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

odders
odders's picture
Offline
newbie
Vancouver, Canada
Last seen: 13 years 3 weeks ago
Vancouver, Canada
Timezone: GMT-8
Joined: 2007-11-08
Posts: 7
Points: 0

Hahah, I think its literary

Hahah, I think its literary masterpiece Tongue And it wasn't a false statement either, the code speaks for itself... I don't care if it's brutal or sugar coated, as long as it truthful.

Plus, it helped me get my problem fixed, and motivated me to get the highly coveted clean bill of health.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

the green gives one that

:thumbsup: the green gives one that satisfied feeling Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Triumph (not verified)
Anonymous's picture
Guru

Hugo wrote: the green gives

Hugo wrote:
:thumbsup: the green gives one that satisfied feeling Smile

Hmmm. Let me read that one again. Hmmmm...no. No. It just doesn't have the same flair as the one up there. Think you could spice it up a bit for me?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

That green page that

:thumbsup: That green page which inspires feelings of dancing through elysium fields of virtuous, divine web development Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me