Jorgensen

Inspired by this layout https://cargo.site/Templates#wireframep091 where its possible to move elements freely around, I'm trying to create a fully flowting layout - but I'm quite unsure how to do it the best way - if possible at all (for me). You can see an example here https://rattenborg.com/2022/ What I have done now - I have placed some DIVS, than can be moved around using the concept from this page https://www.w3schools.com/howto/howto_js_draggable.asp, and every time an object is moved, its x and y pos is saved in a MySQL database, where elements are loaded and placed from, when the page reloads. It's working just fine now, but one thing I can't figure out is how to make the layout flexible, so it can be used on different resolutions. The drag function requires the elements to have a absolute position, so I'm quite tied up to that, unless there is a smarter way to achieve what I search for. I sure need to look into how to protect the layout, so visiters can't adjust elements, but right now it's just a proof of concept. If anyone can guide me in the right direction I would be glad 🙂 Jorgensen

I would very much like to use edge, and it shows the page just fine, but I can't figure out how to open files via <a href="file://c:/">file</a>. If I enter file://c:/ in the address field edge opens file eplorer just fine - in c:\ But if I add the path as a link on a html page, nothing happens when I press the link 😞

Hi dsoesuk It seems that I don't need to struggle with internet explorer, as I can open files with chrome, if i use this method: https://www.techjunkie.com/browse-and-open-folders-files-chrome/ But I'm not sure about security 😕

Hi dsoesuk It seems to be a quite old version - 11.885.17134.0, the copyright says 2015. But as I say The real reason why I'm trying to use internet explorer, is that this browser opens windows file explorer when linking to files on local drives, which I'm looking for. Jorgensen

But it seems that the w3 classes somehow works - such as w3-dropdown-content. Please see this video: https://www.dropbox.com/s/5vid8rmknzqekbr/20190725_problem.mov?dl=0

Hi dsonesuk I'm not sure what you mean, but I use this to like to the style. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> What I find strange is, that the page works just fine in internet explorer when I run it locally, but when I copy to the server it won't work 😕

I have constructed a webpage using w3.css. When I see the page in internet explorer on my local computer running usbwebserver.exe, the page looks fine, but when i copy the page to our server - and then access the page via http://intranet/ the layout messes up. Does anyone know what can cause this? ps. The page looks fine in chrome, both local and on the server, but I would like to enable Internet Explorer, as this can open files in File Explorer. Jorgensen

Thanks dodra so smart! thanks

I found out that it’s quite easy using jquery’s animate :-) thanks you’re welcome.

hi i have created a simple menu that uses the w3-animate-left class and opens when the menu icon i pressed. it work fine and looks nice - but when i close the menu i use onclick display:none - this makes the menu go away in a "hard" way. is there an easy way to animate the menu out again? thanks jorgensen

ah now i get it :-) sorry. thanks dsnonesuk. jorgensen

my thought also... well if i change the "zclass" to "class" it does actually not work the same. with "zclass" the content slides to the side, with "class" the content seems to change scale, but does not slide to the side. jorgensen

hi like the way that this menu pushes the page content when the menu opens w3 examle in the code i can see they use a "zclass" - and i wonder what that is? i have searched w3schools.com, and the only place i find it, is on the page i link to. can anyone explane what this zclass is? are there other / smarter ways to achive this effect - or is this the way to do it? thanks jorgensen

hi dsnokesuk i found the problem - i simple needed to add a </div> and a new <div class="w3-row"> after every three items - doh quite simple - but i have overseen it. jorgensen

I have - created an exact copy of this example (see below) https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_ref_row - copied the code to a test.html file - copied the file to our company server - copied the to an extern www server Internet explorer displays the exact same file different on intranet vs www. When seen on the intranet internet explorer seems to ignore the setting "w3-row", while it works fine on the www server. Chrome shows the file fine on both intranet and on www. can anyone help solving this issue, as it drives me.............. thanks jorgensen