Hi,

I wanted to put a nice piece of parallax HTML/CSS code into the HTML module to produce that effect.
Found an example on the net and tested it in Expression 4 then pasted it into the HTML section of the module.,
slipped to design mode and - still in the editing mode of the module - it worked fine.

It doesn't work when I save and exit to the page.

Here is the [psuedo] code:


"<"  style type="text/css"">"
.parallax1 {
    /* The image used */
    background-image: url('http://blah-blah/.png');
    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;    background-position: center;    background-repeat: no-repeat;    background-size: cover;
}
I then put the style section into the Page Tags, but no improvement... Anyone any ideas??
Regards, Duncan

First thing I see is that you are missing a closing style tag (</style>). The other thing is why all the quotes? You only need to quote the "text/css".

 

If it were me I would add your html to the html module. Then add the css including the style tags in the module header.

 

<style type="text/css">
.parallax1 {
    /* The image used */
    background-image: url('http://blah-blah/.png');
    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;    background-position: center;    background-repeat: no-repeat;    background-size: cover;

}

 

</style>

Apologies, muddeatr

This was intended to be 'pseudo code' to provide a general idea of the shape of the code as I thought that 'actual code' wasn't allowed in these forums...

The actual code - which I've now put into a separate html page and redirected the target page through settings, works fine, [but so far, not on mobile devices... still working on that...]
As I wanted a 'simple' page with particular effects, and CMS didn't apply in this case, this was the work-around.

With regard to the "100%" comment, that does actually work.

Thanks for all the feedback.