Thank you very much, works perfectly!
I was not aware of this css property, every day we learn 🙂

Thanks for the info, I did not realize it was already availabel there.

So the responsive.css file has also been changed, not just for those new pages but also to fix some issues with the responsive menu (quote: “Responsive CSS Menu Fixed”)?

Thank you very much for that information.

So, to recap and make sure I properly understand its working:
Actually what I should do is to make sure I use the image size I need on specific places.
Meaning if on some part of my website an image is disaplyed at 100x100px and that same image is displayed elsewhere as 450×450 I should actually make sure the requested/needed sizes are served instead of the resized 1920×1080 large image?

I actually already thought that was what I should have done. I misunderstood the functioning of the ?Mw=Xxx&Mh=Xxx part 🙂

Yes, for videos I will link to the preview images served by youtube/vimeo. Youtube I have covered already but vimeo has a different way of serving preview images for the videos which are disaplyed and I do not yet know how I can dynamically show the proper preview with any vimeo video added.

Thanks again for the reply and info!

Sorry, I cant do that yet. I am working on it locally. We will save this for later once a first test version of the website is online.
But thanks in advance! 🙂

Thanks for the help, but when I try that, it really puts the image on the top of the image (above it), instead of over it.

Here is the code:

  

   
....
   <img src="datas/exflds/{LIST_ROW_EXTRA1_VALUE}?mw=960&mh=540" alt="Image of the {LIST_ROW_CATDESC} {LIST_ROW_SHORTTITLE}">
  </div>
  

   
  
 </article>
</div>

Here is the css:
.crating { position: absolute; }

I did try adding some other position stuff (including top: etc) but it never goes over the image. It is either above it, or under it (depending where I put that div).

The {xxx_xxx} you see is because I am working with cotonti CMS.

[edit]
Really, some editors I will never understand…..it keeps removing my code so I cant show you anything. ……
Cant I just add plain code here, without it being converted into habacadabaradoediedee?

Perfect, that was exactly what I was searching for.
I did not realise the image height did set the height the element 🙂

Many thanks! Now the nav bar is properly working 🙂

Could you please be so kind to give line numbers of the css lines I have to change?
In my header.css I can not find any li:hover .sub-menu class with a top:53px property.

And I found many max-width: properties for the header. A line number would help for me to know which needs changing.

Would it be possible that you share which parts have been changed (CSS parts, JS, and/or HTML parts)?
That way its easier to copy/paste the fixes into an existing project instead of overwritting all the work and having to redo all our changes?

Thanks in advance 🙂

Thank you very much, that worked perfectly.