Webpage rendering issue
Webpage rendering issue
Hello,
I want to submit a minor bug on website interface.
Please add width and height attributes to img tags in all ranks webpages.
If I visit https://ddnet.tw/ranks/brutal/#map-whitehell
- Firefox 61.0.1 loses location as soon as new images are loaded, need to reload page or find map by hand;
- Chrome 68.0.3440.84 keeps anchored to defined location but glitches are visible during loading;
Of course delete all temporary files before clicking that link, to test misbehavior.
Solution is simple, since al thumbnails are equals in dimension:
Maybe my connection is bad, but this trick should improve usability.
I want to submit a minor bug on website interface.
Please add width and height attributes to img tags in all ranks webpages.
If I visit https://ddnet.tw/ranks/brutal/#map-whitehell
- Firefox 61.0.1 loses location as soon as new images are loaded, need to reload page or find map by hand;
- Chrome 68.0.3440.84 keeps anchored to defined location but glitches are visible during loading;
Of course delete all temporary files before clicking that link, to test misbehavior.
Solution is simple, since al thumbnails are equals in dimension:
Code: Select all
<img class="screenshot" alt="Screenshot" src="/ranks/maps/whitehell.png" width="360" height="225">
- deen
- Posts: 3575
- Joined: Mon May 05, 2014 2:30 pm
- Player profile: https://ddnet.org/players/deen/
- Discord: deen#5910
Re: Webpage rendering issue
Thanks, will fix!
Re: Webpage rendering issue
Hei Deen,
this issue seems not really fixed
Solution could be image deferring:
https://stackoverflow.com/a/30460095
Fix needed also in:
https://ddnet.tw/releases/
---------------------
EDIT
Here a solution without javascript
https://www.perpetual-beta.org/weblog/r ... eflow.html
Hope to solve this problem in some way.
this issue seems not really fixed
Solution could be image deferring:
https://stackoverflow.com/a/30460095
Fix needed also in:
https://ddnet.tw/releases/
---------------------
EDIT
Here a solution without javascript
https://www.perpetual-beta.org/weblog/r ... eflow.html
Code: Select all
<div style="max-width: 640px;">
<figure style="padding-bottom: calc((426/640)*100%); position: relative;">
<img src="/images/kitten.jpg" style="position: absolute;" />
</figure>
</div>
- deen
- Posts: 3575
- Joined: Mon May 05, 2014 2:30 pm
- Player profile: https://ddnet.org/players/deen/
- Discord: deen#5910
Re: Webpage rendering issue
Fixed in an alternative way, the css was just overriding the html-width/height. On the other hand it might not look perfect on really small screens now.
Who is online
Users browsing this forum: No registered users and 0 guests