Special Effects upon Page Enter

[liselotte]

1) Script Title: Special Effects upon Page Enter

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex3/document2.htm

3) Describe problem: I cannot figure out why this script does not work at my pages: http://members.home.nl/beluisterenswaardig/

There should be a transition now between pagina1 and pagina2.

[codeexploiter]

The defect of this special effect is it is an IE based one.

Are you sure that you've mentioned something like the following in your pages

<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=17)">

[liselotte]

I am sure that I have mentioned this in de "head" section:

 <meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)"/>

[codeexploiter]

Strange it is working for me.

[liselotte]

*bump*

Nobody?

[jscheuer1]

Not working here. You need to change the order of things in the head:

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="generator" content="Microsoft FrontPage 4.0" />
    <title>Website Title</title>
    <meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)"/>
    <link rel="stylesheet" type="text/css" href="private/style.css" media="screen,projection" />

Nothing, with the possible exception of the title tag should come before meta tags in the head section.

[liselotte]

I never knew about that meta tag thing.
It is working now, but it is effecting the page because during the transition, there appears an horizontal line at the top of the page!

Ofcourse now I tried a lot of combinations to order the meta tags, but that line won`t disappear.

Now I suppose I have to forget the transition idea.
Thanks anyway for your worthfull advise.

[mburt]

Is it possible that the line is a problem with your HTML or CSS? I can't test in IE, and so I can't see the blend.

[jscheuer1]

Is it possible that the line is a problem with your HTML or CSS? I can't test in IE, and so I can't see the blend.

That gave me the idea to check in IE and it is actually the page's background.gif image that has the white artifact in it. I converted it to an equivalent PNG image and will attach that in a zip file. It looks the same, is about the same number of bytes, but doesn't have the artifact:

Attachment 987

[liselotte]

The background certainly got something to do with it.
I used your zipped background.png. Mentioned it into my style.css.
And that white horizontal line was gone.

But a new problem did arise when i "enlarged" my page. (see pagina2)
The background.png exactly takes 1024px and becomes white after that number.
Using it as background.gif solves that problem, but brings back that horizontal line.
Is there a way to deal with that?