Skip to content

Category: Questions

Divs not stacking, instead is overlapping

I am trying to stack a div containing buttons under another div that contains a flipbook created using turnjs. This is how the webpage looks like: https://imgur.com/a/Nwp3Mgi . I want to position the buttons under the flipbook, but it will overlap instead. This is the html: This is the css: How do I ensure th…

Div will always shift up after refreshing the page

I have 2 divs on the webpage, the flipbook that is created using turnjs and another div containing the buttons. When I load the page, the divs are in the center of the page: https://imgur.com/a/lLb2g2l . After I refresh the page, the divs will shift up and stay there even after refreshing the page. This is ho…

Wait for one function to finish before continuing?

When running the following code tidied in functions or not, it still writes to my file incorrectly. One thing that did work was wrapping those functions inside of a setTimeout method, with the seconds somewhere around 10. I just didn’t like the idea of hardcoding those values and taking anymore time to …

Vue, adding/incrementing time in ‘xhxxm’ format

I’m trying to make a simple interface where a user can increment time using a number of options available in a list. I have it working to set the vue variable as the time that they click on (i.e. if they click ‘+30m’ then the variable reflects 30 However, I’d like to display the variab…

CSS Image overflow hidden without stretch

I am trying to reduce the thumbnail’s height without stretching the image. Despite I wrote my code in React I know is pure CSS. For example, I used a sample screenshot from Wikipedia, its height is too large to fit “in a thumbnail” so I need to reduce it so a JavaScript library can autoscrol…