Jump to content

All Activity

This stream auto-updates     

  1. Today
  2. responsive photogallery portrait pictures

    That code has no way of determining what type image to rotate OR actually rotating a image on its own. it is more likely how the image was saved or some other code that is doing the rotating.
  3. Side menu overlapping content on medium sized screens

    Problem is solved. The w3-main-class was missing. /Jasper
  4. 1. Glad that there is no conflict of w3.css with bootstrap. 2. But materialize.css ruins w3.css which also disturbs my mind. Lets build our own conflict free materialize css or some edits to w3.css 3. Wappalyzer doesnt recognize w3.css as a technology. Please help me work on these.
  5. responsive photogallery portrait pictures

    im trying to use the code provided in the w3school's responsive image gallery (https://www.w3schools.com/css/tryit.asp?filename=trycss_image_gallery_responsive) and the basic code works but when i substitute any of the pictures for a portrait rather than a landscape it rotates the portrait image 90 degrees so that it ends up landscape... i am using the exact same code with the exceptions of the images im trying to use

    QUESTION: What does it mean when the value of the QUERY_STRING looks like the following without end? &width=1920&height=1200&width=1920&height=1200&... Roddy
  7. preg_replace explanation

    This part is replaced by the first matched pattern: ${1} Then there's a 1 and a comma: 1, Then the third matched pattern: $3 The reason why the curly brackets are there is to show how to reference a numbered pattern when you immediately want another digit to follow in the replacement (in this case, they want a 1 in the replacement).
  8. Yesterday
  9. preg_replace explanation

    I'm looking at this page about preg_replace: http://php.net/manual/en/function.preg-replace.php Which gives this example: <?php $string = 'April 15, 2003'; $pattern = '/(\w+) (\d+), (\d+)/i'; $replacement = '${1}1,$3'; echo preg_replace($pattern, $replacement, $string); ?> The above example will output: April1,2003 I don't understand the transformation, how they go the answer. Can someone explain? Thanks, Justin
  10. w3.ccs -

    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
  11. 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
  12. 2 inpute Type:text elements look like 1

    Firstly, I don't understand the question, but you have some errors of 1) An id reference value must be unique within a page you have multiple 'name' id value names. 2) IF this form is being submitted, to be processed by server language such as PHP, you need to add a name attribute to each input. 3) Requires submit. 4) I think this is what you are referring to, using display: inline-block; and stacking inputs above each other causes a line break, which is treated as white space the size of current font-size used. To fix you can a) Butt inputs together and not stack one above the other. 'b) Set font-size: 0; to '.formname' element c) Use minus margins left/right of inputs, for right of first and left edge of second.
  13. 2 inpute Type:text elements look like 1

    Hi, first of all sry for my bad english i have a little problem with the following code: <div class="formular"> <form method="post" name="kd_form"> <select id="vo" title="VO"> <option value="11111111">Reutlingen</option> <option value="22222222">Tübingen</option> <option value="33333333">Nürtingen</option> </select><br> <div class="formname"> <input id="name" type="text" placeholder="Vorname"> <input id="name" type="text" placeholder="Name"> </div><br> <input id="street" type="text" placeholder="Straße"><br> <input id="plz" type="text" placeholder="PLZ"> <input id="town" type="text" placeholder="Stadt"><br> <input id="kdn" type="text" placeholder="Kundennummer"> <input id="kw" type="text" placeholder="Kennwort"><br> <input id="nummer" type="text" maxlength="12" placeholder="Rufnummer"> </form> </div> the CSS: .formname{ } #name{ display: inline-block; height: 2em; width: 15em; text-align: center; margin: 0; border: 1px 0; } #name:first-child{ border-bottom-left-radius: 15px; border-top-left-radius: 15px; border-right: 0; } #name:last-child{ border-bottom-right-radius: 15px; border-top-right-radius: 15px; border-left: 0; } thats the result: my problem is that i want to show 2 <input type=text> like 1 but i have a small space between both and dont know where to define that to set it to 0.i am sure that it is something very easy but i am not able to solve it now
  14. How to auto create a new page based on inputs

    Then start at the beginning, with PHP tutorials. If you decided that you want to set up this website, good, but creating a website is not about copying and pasting until you're finished. If you don't understand how to use the tools then you need to learn, that's the only way to do it. There are plenty of resources you can use to learn how to write and understand PHP code, that's where you need to start.
  15. How to auto create a new page based on inputs

    Sorry, but I have absolutely no idea how to use all of that.
  16. SQL Join - Odd results

    If the field should never have those characters, then you can run a SQL query to remove them from the fields. e.g.: https://dev.mysql.com/doc/refman/5.7/en/string-functions.html#function_replace
  17. How to auto create a new page based on inputs

    You're going to have to learn a certain amount of PHP to do this if you want to create it yourself, if you don't understand PHP you won't be able to build a secure file upload site. In fact, you could make it vulnerable to all kinds of attacks. Hopefully your login process is secure. For file handling in general, you can use the SplFileObject to work with individual files: http://php.net/manual/en/class.splfileobject.php You can use the DirectoryIterator to list and work with the contents of a directory: http://php.net/manual/en/class.directoryiterator.php Or the RecursiveDirectoryIterator to work with recursive directories (i.e., directories that have sub-directories, which have sub-directories, etc): http://php.net/manual/en/class.recursivedirectoryiterator.php You can copy an existing file (not a file that was just uploaded, one that is already saved): http://php.net/manual/en/function.copy.php And you can move files to a new directory: http://php.net/manual/en/function.rename.php
  18. SQL Join - Odd results

    I have no control over the ' being inserted. It is exported from our system in that manner for whatever reason. I have researched this issue and it seems to be a common issue with Excel and CSV files. Not a single one of the proposed solutions works for removing the '. Is there a way to truncate the ' out?
  19. How to auto create a new page based on inputs

    I have no idea how I could implement that in my code. The problem is, that when there is a pictures uploaded, it goes to a folder. Than it needs to move to a folder with the same name as the giffen name by the teachers. After that a tamplate page needs to be used where all the images are in. I just (manualy) added the pictures form Berlin, that are about 180 pictures. I want it to be 100% automated, so when I go to another school (this is my last year here) I don't need to add pictures everytime.
  20. How to auto create a new page based on inputs

    So you have read file names from directory and use it to create image tags in whatever layout you chose. https://www.w3schools.com/php/func_directory_readdir.asp
  21. How to auto create a new page based on inputs

    I forget to add that, Here is the code for the php process file: (btw, English isn't my best language, sorry in advanced if I make some mistakes) <?php if(!empty($_FILES['files']['name'][0])) { $files = $_FILES['files']; $uploaded = array(); $failed = array(); $allowed = array('jpg', 'jpeg', 'png'); foreach($files['name'] as $position => $file_name) { $file_tmp = $files['tmp_name'][$position]; $file_size = $files['size'][$position]; $file_error = $files['error'][$position]; $file_ext = explode('.', $file_name); $file_ext = strtolower(end($file_ext)); if(in_array($file_ext, $allowed)){ if($file_error === 0) { if($file_size <= 10485760) { $file_name_new = uniqid('', true) . '.' . $file_ext; $file_destination = 'uploads/' . $file_name_new; if(move_uploaded_file($file_tmp, $file_destination)){ $uploaded[$position] = $file_destination; } else { $failed[$position] = "[{$file_name}] failed to upload."; } } else { $failed[$position] = "[{$file_name}] is too large"; } } else { $failed[$position] = "[{$file_name}] failed to upload {$file_error}."; } } else { $failed[$position] = "[{$file_name}] errored with code '{$file_ext}' is not allowed."; } } if(!empty($uploaded)) { print_r($uploaded); } if(!empty($failed)) { print_r($failed); } } ?>
  22. How to auto create a new page based on inputs

    You have html code to search for file and submit, but! you have no php code to process these inputs to save file to a directory see: https://www.w3schools.com/php/php_file_upload.asp You can then create a php file to loop through these file in that directory, and show them on a page.
  23. Hi! I am trying to combine the Magazine example (https://www.w3schools.com/w3css/tryw3css_examples_magazine.htm) and the side menu from the Homepage example (https://www.w3schools.com/w3css/tryw3css_examples_home.htm). My test site is on https://dev.zwedenweb.com and I think it looks fine on large and small screens, but on medium sized screens is the menu overlapping the main content. Can someone expain for what I am missing? Thanks in advance! Kind regards, Jasper
  24. How to auto create a new page based on inputs

    My school asked me for a website where they can post their pictures on. Pictures from camp/city trips etc. I said that I never build a website before, but I would like to try it. So I googled and googled, then almost a week later I have this (code is below the text) I still have one problem: I have a login page which can be accessed by the teachers, I have a upload button and a name field, so every time when they have new pictures they can upload them and choose a name. But there isn't happening anything with the data. Is it possible that it automatically creates a page based on a tamplate with the before indicated input? I read something about get and post, but I have no idea how I could use that. I also read something about MySQL, but I have absolutely no idea how I could use something like that. So my question: How can I automatically create a new page, based on the input from another page. This is the website: http://thorbeckefotos.tk/ In the top right corner is a small login button, if you press the botton, you go to the login page (username: user password: password) if you continu you see the page that can be accessed by the teachers. Tamplate code: <!DOCTYPE html> <html> <head> <title>Thorbecke foto's</title> </head> <link rel="icon" href="images/logos/thorbecke.png"> <body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF"> <img src="images/Banner.png"> <a href="https://twitter.com/ThorbeckeSG"> <img src="images/logos/twitter.png" style="position:absolute; top: 5px; right: 153px;"></a> <a style="position:absolute; top: 12px; right: 20px;" href="https://twitter.com/ThorbeckeSG">Thorbecke Twitter</a> <a href="http://www.thorbecke-zwolle.nl"> <img src="images/logos/thorbecke.png" style="position:absolute; top: 37px; right: 163px"></a> <a style="position:absolute; top: 42px; right: 40px;" href="https://www.thorbecke-zwolle.nl">Thorbecke Site</a> <a href="https://www.youtube.com/channel/UCcGO0gpLrWdWMxmycPjh7Bg"> <img src="images/logos/youtube.png" style="position:absolute; top: 70px; right: 153px"></a> <a style="position:absolute; top: 72px; right: 5px;" href="https://www.youtube.com/channel/UCcGO0gpLrWdWMxmycPjh7Bg">Thorbecke YouYube</a> <a href="contact/index.php"> <img src="images/logos/contact.png" style="position:absolute; top: 92px; right: 153px"></a> <a style="position:absolute; top: 100px; right: 92px;" href="../contact/index.php">Contact</a> <br> <br> <br> </body> <link href='style.css' rel='stylesheet'> <ul> <li><a href="../index.htm">Home</a></li> <li><a>2017/18</a> <ul> <li><a href="Examenreis_Berlijn.htm">Examenreis Berlijn</a></li> <li><a href="Examenreis_Londen.htm">Examenreis Londen</a></li> <li><a href="Examenreis_Parijs.htm">Examenreis Parijs</a></li> <li><a href="Disco.htm">Disco klas 1</a></li> <li><a href="Biodag.htm">Biodag 3M</a></li> <li><a href="Introductie.htm">Introductie klas 3/4M</a></li> </ul> </li> <li><a>2016/17</a> <ul> <li><a href="../2016,17/Werkweek.htm">Werkweek</a></li> <li><a href="../2016,17/Grote_Avond.htm">Grote Avond</a></li> <li><a href="../2016,17/Skiereis.htm">Skireis</a></li> <li><a href="../2016,17/Diploma_uitreiking_Atheneum.htm">Diploma uitreiking Atheneum</a></li> <li><a href="../2016,17/Diploma_uitreiking_Havo.htm">Diploma uitreiking Havo</a></li> <li><a href="../2016,17/Diploma_uitreiking_Mavo.htm">Diploma uitreiking Mavo</a></li> <li><a href="../2016,17/Galaklas2.htm">Gala klas 2</a></li> <li><a href="../2016,17/Examenreizen.htm">Examenreizen</a></li> <li><a href="../2016,17/Brugklasdisco.htm">Brugklasdisco</a></li> <li><a href="../2016,17/Introductie.htm">Introductie klas 1M/H/A 3M 4A</a></li> <li><a href="../2016,17/Open_Dag.htm">Open Dag</a></li> </ul> </li> <li><a>2015/16</a> <ul> <li><a href="../2015,16/Diploma_uitreiking_Atheneum.htm">Diploma uitreiking Atheneum</a></li> <li><a href="../2015,16/Diploma_uitreiking_Havo.htm">Diploma uitreiking Havo</a></li> <li><a href="../2015,16/Diploma_uitreiking_Mavo.htm">Diploma uitreiking Mavo</a></li> <li><a href="../2015,16/Ijsverkoop_onioth.htm">Ijsverkoop Onioth</a></li> <li><a href="../2015,16/Onioth_kamp.htm">Onioth kamp</a></li> <li><a href="../2015,16/Werkweek.htm">Werkweek</a></li> <li><a href="../2015,16/Talendorp.htm">Talendorp</a></li> <li><a href="../2015,16/Skiereis.htm">Skireis</a></li> <li><a href="../2015,16/Going_Global.htm">Going Global</a></li> <li><a href="../2015,16/Open_Dag.htm">Open Dag</a></li> </ul> </li> <li><a>2014/15</a> <ul> <li><a href="../2014,15/kerstdinner.htm">Kerstdinner 4/5H</a></li> <li><a href="../2014,15/Munster.htm">Münster</a></li> <li><a href="../2014,15/Gala_klas_2.htm">Gala klas 2</a></li> <li><a href="../2014,15/Grote_Avond.htm">Grote Avond</a></li> <li><a href="../2014,15/Lisabon.htm">Lissabon</a></li> <li><a href="../2014,15/Londen.html">Londen</a></li> <li><a href="../2014,15/parijs.htm">Parijs</a></li> <li><a href="../2014,15/Barcelona.htm">Barcelona</a></li> <li><a href="../2014,15/Auditie_Grote_Avond.htm">Auditie Grote Avond</a></li> <li><a href="../2014,15/Stadshangenrun.htm">Stadshagenrun</a></li> </ul> </li> </ul> <br> <br> <br> <br> <center> <h1>Disco klas 1 2017/18</h1> <img src="images/Disco/breed001.jpg"> <img src="images/Disco/breed002.jpg"> <img src="images/Disco/breed003.jpg"> <img src="images/Disco/breed004.jpg"> <img src="images/Disco/breed005.jpg"> <img src="images/Disco/breed006.jpg"> <img src="images/Disco/breed007.jpg"> <img src="images/Disco/breed008.jpg"> <img src="images/Disco/breed009.jpg"> <img src="images/Disco/breed010.jpg"> <img src="images/Disco/breed011.jpg"> <img src="images/Disco/breed012.jpg"> <img src="images/Disco/breed013.jpg"> <img src="images/Disco/breed014.jpg"> <img src="images/Disco/breed015.jpg"> </center> <footer><h2><a font color="white" href="*download_url*">Download</h2></font></a> <h5>Gemaakt door Martijn Schuman</h5> <h5> Copyright 2017 All rights reserved. </h5> </footer> </html> Upload page code: <?php // Start the session ob_start(); session_start(); // Check to see if actually logged in. If not, redirect to login page if (!isset($_SESSION['loggedIn']) || $_SESSION['loggedIn'] == false) { header("Location: index.php"); } ?> <html> <head> <title>Thorbecke fotos upload</title> </head> <link rel="icon" href="images/logos/thorbecke.png"> <link href='style.css' rel='stylesheet'> <body> <img src="images/Banner.png"> </body> <form method="post" action="logout.php"> <input type="submit" value="Logout"><br> </form> <h2>Op deze pagina kan u een nieuwe activiteit aanmaken en foto's uploaden.</h2> <label for="activiteit">Activiteit:</label><br/> <input type="activiteit" placeholder="Activiteit"><br/> <br> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="files[]" multiple> <input type="submit" value="Upload"> </form> </html>
  25. Remedy for reducing the website loading time?

    You have ten jpg images that are each over 100kb. One of them is 1.1mb. Use media queries to eliminate these images for small mobile devices. @media screen and (max-width : 480px) { .bigimg{ display:none; } } Or create smaller versions of these images for mobile devices.
  26. Small Form That Looks Good on a Mobile Device

    I would create html table with all this information, then for capacity cells with values and onward i would add class name representing the dropdown menu values, this table will be hidden. This will make it easier to edit. Another table will be created which will hold the data cell with values required. When equipment part ref is selected you use the value to list through class name of that value and clone, then fill the secondary table with that cloned cells from main html table.
  27. w3.ccs -

    thank - i will do :-) .... only 149....
  1. Load more activity