Seeking some assistance with flask/css/bootstrap
Looking for some guidance with regards to flask, bootstrap and CSS. Apologies for any formatting issues, mobile, midnight, etc. So I am basically creating a super simple website in Ubuntu using flask....
View ArticlePosition DIV under Background Image, regardless of viewport (responsive)
I have a big background image of 1920x550px and I want to place a div directly under it. Since I don't know how to display the full image, I used a dirty trick and actually filled the image with a...
View ArticleHow can I delete a JS created LI with a JS created button?
I am creating a TODO app in JavaScript. How can I understand how to link two created JavaScript items and remove them from the DOM?TL;DR: The place where I keep getting stuck is navigating the DOM...
View ArticleIm trying to get both a logo, and a background-image to show up on a...
Im trying to get my css to show both the logo, and background without any luck. Im guessing something is wrong with the file path when I try to use the localhost to open it up. It appears fine from a...
View ArticleIssue with the logo and its position using media queries
I'm a beginner at web development and have spent hours trying to get this assignment completed. I'm sure its a very easy fix for the most experienced out there but I still have a lot to learn. As the...
View ArticleHow to setup SVG's viewbox, width and height which is scalable and responsive
I am new to SVG design. Struggling to scale, zoom in/out with container and make it responsive to all the devices.Is it even possible to design SVG in a way that fits in all the devices and handles...
View ArticleIs the web browsing context of an iframe discarded when changing or setting...
According HTML5 official specs, they state:When an iframe element is removed from a document, the user agent must discard the nested browsing context, if anySo I wonder if the browsing context is also...
View ArticleClose or redirect tab window through using Google Apps script
I am trying to run a script that when a if() statement returns false it closes the current tab window of the google sheet or it redirects to another URL (as long as one of these work, thats ok for...
View Article"object-fit: cover" does not limit the image to it's parent size. Why?
I'm trying to solve the first project of freeCodeCamp responsive web design unit. To pass the tests my image should be responsive but it can't exceede it's original size (and other user stories, that's...
View ArticleUsing multer with nodejs
I am trying to upload a file from my page to node server.I can see form data are arriving in the router on server. But no file is saved in upload folder.What am I doing wrong? //router unitconst...
View ArticleTrouble getting form data to submit to python
I'm trying to submit data in a form to my python script, but it's not working. The data shows up fine in the form in the HTML, but when i try and submit it, it doesn't work.HTML... function...
View ArticleCombinig output of 2 function in javascript
I am relatively new to Javascript (biopython background) and I am trying to add a simple feature to a website.In essence, I need to accept user input for 4 types of menus (check boxes) and then...
View ArticleHow to change background-color css with javascript?
I have an input <input id="username" type="text" />I want to change background-color property with javascript.I know it is possible to change text color like this:...
View ArticleHow do I make my 3rd dynamic drop down reset once I pick a different option...
I have this task to make a dynamic dropdown using Jquery ajax and json in js. Everything works ok, except one thing. To put for example, when I pick something in dropdown A, dropdown B loads items from...
View Articlebootstrap button dropdown set selected value to li
I am having a select box in my form, and after page loading, it is then transformed to bootstrap button before the select box. I can't set the selected value for the converted bootstrap button...
View ArticleHow to get session variable after forward from node?
I am forwarding from nodejs to an html file through code:res.sendFile(__dirname + '/' + fileToServe); where fileToServe is an html file. I notice that when I do this, the previous code I had in my...
View ArticleBootstrap 4 row breaks for no reason
I know there have already been questions on this subject, but none of the solutions I found here were helpful. Hopefully someone can help me here: I have a row with 4 columns of data as follows: Here...
View ArticleSource tag not displaying image even though URL is correct
I'm trying to use WebP images and have PNG fallback in case the browser doesn't support WebP, and for this I am using the <picture> tag, however, things don't seem to be working as intended....
View ArticleHow to keep track of items in a list and detect which item it is when its...
I have a search bar which when the user presses a button appends to the ul users whose names closely match. I now need to detect a click on a item and know which item it is so I can fetch additional...
View ArticleHow to add onfocus event listener to input field to change the style of the...
I am trying to make my input labels change style to the .fancyclass style when I use onfocus on the input field. I was wondering how I would do this using event listeners in javascript?<fieldset...
View Article