Category "html"

Change html background to image from video if on mobile

I'm currently developing a website which uses an autoplay video background, however this scales badly on mobile and only sits in the top third of the screen...

Cant access image in App.css from public/images/img-2.jpg

I am creating a react app when I want a particular section to have a background image that I have in my images folder which is inside the public folder. Accessi

Facing an issue while displaying a stored data in a .txt file into my bootstrap card

I have a simple issue in my PHP project I made a small application that gives you the possibility to fill the form fields and stored all the data inside a .txt

jQuery timer function iterates through close and stop function

I have written a small timer function. The goal is that when the div is visible, the timer starts and when I hide the div, the timer stops. Problem now is that

Newbie - Google Sheets Web Form Debugging

Simple contact web form. I cannot figure out why it does not work as intended. On open sets up a menu, allows me to select a modal, non-modal or sidebar for for

Using CSS border-radius (rounded corners), how can we prevent the rounded corners from disappearing if the image is scaled down (max width/height)?

Consider this scenario: An image is centered both horizontally and vertically using a flex box The image has a CSS border-radius configured (rounded corners) Th

Capybara::ElementNotFound: Unable to find checkbox that is not disabled

I've checked all the SO questions I can find related to this issue. The rest of the form works and the test passes if I remove the validation that a PlanTemplat

PHP variable binding issue with html from controller for ajax response

Controller: $html = ""; $user_id = 10; $by = 'By Aaron'; $getLedgerData = "getLedgerData('" . $user_id. "','" . $by . "')"; $html .= "<a onclick=" . $getLedg

<a /> tag with a child image opens the image in new tab instead of the <a /> tag's link when clicked

I have an anchor tag <a /> with and image as a child , basically I want to create an image that works as a link .in this case the image is a youtube thumb

Trying to make a magnifying glass for html canvas that views cgm images

I'm attempting to build a loupe for a cgm canvas viewing application. I am trying to draw the main canvas containing a cgm image onto a smaller canvas that is

How do i properly position my SVG element, so its even on resizes

So heres the image of my problem. I have two SVG files, and i want them to sticky to the bottom no matter how i resize my window, and if I resize it to a mobile

How to access element from html that is stored in variable?

I have HTML that is stored in a variable. I am trying to figure out how do I access it. Fo example if I want to get element values by id or class name or apply

How to check if a input value does / doesnt contain REGEX characters

trying to write a password validator using jquery: my password element is: <input type="password" id="passwordTxtBox" class="form-control form-con

How do I solve a problem with a CSS file?

I am a new user and this is my first post on StackOverflow. I wanted to try to code an Infinity RGB animation using HTML and CSS and to get the work done, I fo

flexLayout div with full width

I have a form this form takes up 1/3 of the screen adjacent to the left , so ı want to this form display with full width (occupy the entire screen from lef

How can I use the filter() function to filter this set of data from API?

API Call code: const settings = { "async": true, "crossDomain": true, "url": "https://v3.football.api-sports.io/fixtures?date=2021-04-07", "method": "GET", "hea

How do I make stacking cards with CSS and JS?

I created the effect I want below: const container = document.getElementById("container"); const boxes = document.querySelectorAll(".box"); const clearBtn =

When i click on delete button it deletes all notes after that note where i have clicked

To run this thats why i added css and html also, What i want tnat when i click on any notes delete button that note should be deleted however it deletes other n

How to "fix" image size inside card?

I have simple section with card with image and title. How can I fix image size inside the card, so it stays the same no matter what is the actual size of the or

Use PHP to populate the images and names of the images into this slideshow code

I'm struggling to create a php gallery slideshow and was hoping someone could recommend how to do this part.. The below code is taken from w3schools and works w