Hi,
maybe my knowledge of how HTML works is not that good and then I understand this wrong, but when my width is the mentioned width 565 and you do no resizing based on your earlier message how can then a picture be stretched in the length to get the right height/width (
lernejo.academy/index.php/en/courses/ler...gs/2-web-development
). I have only uploaded one picture, here my pictures are stretched and become blur instead of the uploaded size.
That means that somewhere you have a resizing, php, html or css otherwise this cannot happen.
In every other html page when I put a picture that has a height of less than 180 it doesn't change my picture if there are no set sizes, in worse case it doesn't show my complete picture.
so maybe we just 'speak a different language' but I cannot see how your sizing will differ if the earlier statement of not 'resizing anywhere' is true.
so i made a test for myself in just plain html to understand how it works in other situations. Because you have many <div> statements in your code that directly follow each other I cannot exactly oversee what happens in every situation so I just did it the easy way.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body>
<table>
<tr><td width="565">
<div style="background-image: url(https://lernejo.academy/images/stories/guru/categories/thumbs/lernejo_cat_WebDevelopment_565.png);">
<br><br><br><br><br><br><br><br>
</div></td></tr>
<tr><td>
no further settings means repeat etc
</td></tr>
<tr><td width="800" >
<div style="background-image: url(https://lernejo.academy/images/stories/guru/categories/thumbs/lernejo_cat_WebDevelopment_565.png); background-repeat:no-repeat; position:relative;height:250px;background-position:center center;">
<br><br><br><br><br><br><br>
</div></td></tr>
</tr>
<tr><td>
width of the column is bigger than size of picture, no resizing if the column is to width the picture will be centered and not stretched as on some of the pages in guru
</td></tr>
<tr><td width="250" >
<div style="background-image: url(https://lernejo.academy/images/stories/guru/categories/thumbs/lernejo_cat_WebDevelopment_565.png); background-repeat:no-repeat; position:relative;height:250px;background-position:center center;">
<br><br><br><br><br><br><br>
</div></td></tr>
<tr><td>
width of the column is smaller then size of picture, picture only partly shown only middle part visible because everything is centered
</td></tr>
</table>
</body>
</html>
As you can see here (if you show this in your browser as a html page), you are right only partly my picture is shown if the 'width' is not correct, but it ignores the height of the picture
That partly explains the problem in this screen
lernejo.academy/index.php/en/courses/lernejoPCategs
but doesn't explain the result in this screen
lernejo.academy/index.php/en/courses/ler...gs/2-web-development
because that is the same uploaded picture and in both cases you use background image to show this.
Worse I can only upload one picture for category what means that if I want to set my layout I need mandatory to set my layout the same for all views and that is not what I want and what your settings allow me.
So settings for list of categories cannot be 2 (or 3 or 4) columns when my picture need to be the right look for category page.
That could also theoretically mean that if people view this in a different browser the pictures shown can change (don't know if you have a size set for the width of a screen somewhere). That also means that I cannot get the right size for a picture whatever I try. I can in best case one-page right
Because I cannot upload a picture in every size possibly needed in my opinion this should be done in the code.
