Land Of Coder

Fix width overlapping with overflow:hidden

Cypherinfo, the main issue comes from your parameter width = 114%px
meaning literally that you want an overlapping of 14 % with regard to the width of a parent window.

My suggestions are:
In the parameters of the module, always choose a fixed width that is to say without any percent.
Let us say 600px. When it will work, if you really need a fluid parameter with percent,
try later but it will be quite more complex than fixed width. Anyway never indicate more than 100%.

htdocs\Joomla\modules\mod_lofpiecemaker\assets\piecemakerCSS.css
only defines the CSS for the textual description of a picture in the cubes, not the module itself.

Create in your htdocs\Joomla\templates\ja-purity\css\template.css
(ja-purity is given as example, change it with your own template)

#ja-headermodule /* Nimmzo: 10/07/15: creation for mod_lofpiecemaker */

{

    overflow:hidden; /* Hide any overlapping */

    position: absolute;

    display: block;

    top: 0px;

    left: 180px; /* bigger value will add a horizontal scrollbar */

}

Here the anchor of the module is in absolute position at (x=180,  y=0).
So if one resizes the browser,
my logo will be preserved since it is in the first 180 pixels at the left of  Lof PieceMaker.
If you prefer a magnetic anchor on the right edge of your main window, use right:fixedValue in pixel.

Since your HeaderImage Lof PieceMaker is below TopModule inside "header" it-self below "top-header",
if you wish to keep position: absolute, you will probably need to change the value for top.
Otherwise try position relative within "header";

Reference the new ja-headermodule as the id of the div that declares lof-piecemaker in index.php

With your width of 114%, the magnetic rule was extremely complex, since Lof PieceMaker was attracted within your page-R by the two sides when one resizes the width of the browser.
Only the left side of your page-L (the grass in background) was protected against an overlapping.

The goal of overflow:hidden; will be to hide any overlapping.
Let me know if it works.

Does anyone answer questions here?

hello
I managed to get my flash (actionscipt 3) But I can not passed to the next image with parameters identical to the images.
You it must intervene in the flash I load?
Thank you for your help ..