Category "html"

How to have my css navbar be proportional to the page

My (epic) navbar gets messed up when the window is to small, how can I have it shrink proportionally to the page? I've tried a few things but it just shrinks th

Insert javaScript function inside FreeMarker template

I have a problem introducing a js function inside ftl. I have a javaScript function which converts a value from bytes to kilobytes, on the other side I need to

Inertia compensated mouse position in Javascript

I am attempting to add an inertia type effect to my parallax background which is based on the current mouse position. I have found a script that can take the po

getUserMedia html js web camera not working on android

I'm using getUserMedia to make a website that can display a camera stream. The problem is, my code works on computer, but not through a mobile browser. Does any

Responsive website is not working mobile devices

I am having big trouble with my website as it is not being responsive. I already included the required script for adjusting page to device width on the html :

Display as much elements as it can fit in one line, and if not all of them can fit add additional element that represents number of remaining elements

I would like to align all tags for a given article in one line. If all the tags can fit in one line, then I want to display all of them, like this: But, if the

Insert text on top of video canvas, and export as MP4

Let's say you have a HTML5 <video> element with an MP4 video source: #video { width: 400px; } #text { font-size: 30px; background-color: yellow; } &l

c# get html response after script application

I want to have the result of html page but after application of the javascript. If you prefere what i need is to have the html output and not the page code. See

Using RegEx to extract data from an anchor tag

I have the following anchor tag in an html document that I want to extract the link and the text from: <a href="https://www.catholicgallery.org/bible-drb/act

Need a Click and Drag solution using Vanilla Javascript without jQuery

I have to do a click-and-drag solution for a background image in Vanilla Javascript for a project. I found this solution using jQuery in Codepen. Can anyone hel

Vue 3 - "Failed to resolve component" with child component

I have this SocialNetworks.vue component <template> <div class="socialNetworks"> <SocialLink to="https://twitter.com/" icon="twitter.svg" n

Two HTML Forms in one DJango views

I have two simple HTML forms on one page. I want to create Django view to submit multiple Django forms. I can submit form1 but I have no clue how to submit form

Why can't I scroll left on my webpage that I've wrote with HTML & CSS when I decrease the width of viewport?

I've done a project from frontendmentor.io (stats-preview-card-component) with HTML & CSS. Everything work well but when I decrease the width of viewport in

Change Background Color based on the selected Type

I have this <Select> to choose which type they want to input <select class="form-control" id="exampleFormControlSelect1" v-model="exType"> &l

How to find element from html with jQuery

I have a table with checkbox option for each row. For each row I have href (dedicated link) handled by HTML file. I have created a button called: "download" by

Materialize Modal is not opening up

This is one of the materialize-modals Im using in my file: <li class="logged-in"> <a href="#" class="grey-text modal-trigger" data-target="modal-sig

multistep form with fieldset is not going to next fieldset even if required field is filled

I have a multistep form with fieldset, but on the next button click, it is not going to the next step it still shows the required field is empty. Blade <form

Why does Attr inherit from Node in the DOM?

according to the DOM Core, Attr objects inherit the Node interface, but since they are not actually child nodes of the element they describe, the DOM does not

Laravel form post data from placeholder value

I want to pass the data on a form placeholder without user input, want to know if that is possible... Below is my form in view @extends('layouts.app') @section

Grid column template breaks when width < 500px

Everything works in landscape mode it outputs like this: value#1 value#2 value#3 But when screen width is < 500px it outputs like this: value#1 value#2