Category "html"

Input type file and button of different size in Bootstrap 4 html

I'm using Bootstrap 4 in html and I have an input box made of an input bar and a button. I set the size of the button to "lg" (large) but I can't set the input

BeautifulSoup getting href of a list with ++ 10k records

BeautifulSoup getting href of a list with ++ records I have the following soup: <a href="some_url">next</a> <span class="class">...</span&g

How to color navbar with width 100% while inside bootstrap container

I have this code https://jsfiddle.net/kxrmcpzn/ <!DOCTYPE html> <html class="no-js" lang=""> <head> <meta charset="utf-8" /> &

i would like to send html content with css to email using php. this i got so far. all work but the content that was sen in email is not interpreted

this is the code where i send email. the file_get_contents(); i retrieve the content but in plain format text. the css style didnt read. <?php use PHPMaile

Re-sizing image resizes entire nav-bar & links

I'm writing simple HTML & CSS & JS code, I've trying to create a responsive nav-bar with my logo as a link for the home page - however, when the navbar

how to submit a image with react-firebase-form in firebase?

const [photo,setPhot]=useState('') photo setPhoto(e.target.value)}/> const handleFormOnSubmit=e=>{ updateProfile({photoURL:photo}) const [photo,setPho

SVG.js How do I add an svg to the HTML page

I have a page that will show several svg images that will be generated from json data. I created a javascript class that will generate the svg but I don't know

Convert multiple images to base 64 using single function

I'm working on a problem where I have to take three images as input from the user and have to send them to the backend by converting them into Base64. I know ho

Why do my span box changes shape on mobile view

You can see in the picture below, it displays normally on desktop, but changes on a mobile view. I created this box with a span and added some objects in it, bu

Text in front of looped video

I have a looped video with this css code .bg video{ position: absolute; top: 80px; left: 0; width: 100%; height: 91.4%; object-fit: cover; This is the HTML cod

How do I use an array from main js file for different js file?

I have a task to make a blog thumbnail and blog content from input that looks like this: blog.html This is the thumbnails which is located in the same HTML file

css toggle nailboard effect

The interface shown below toggles if the toggle button is clicked. For now I used only opacity to toggle the visibility but it doesn´t look even close wha

PHP: Update database with checkbox values for each row

I'm currently working on displaying a table containing a list of alarms, where each row contains a checkbox that determines whether the user has already viewed

Lazy load images in a modal with a slider

I have a website that I am trying to optimize and one of the things that keeps coming back is I need to lazy load my larger images that I have inside a modal, t

How do i get my sticky navbar to work using tailwind css?

I am working on a website using tailwindcss. But for some reason the navbar wont work when using the "sticky" class. I tried using the "fixed" class instead, bu

Preloading a large background image without rendering the website

I would like to make sure that my image preloads properly, as there's an svg effect, that only looks good when the background is loaded. function preloader() {

CSS : selecting multiple nth-child

Say I have this css : div div p:nth-child(1), div div p:nth-child(2), div div p:nth-child(3), div div p:nth-child(4), div div p:nth-child(5) { } This will sele

How to use recaptcha v3 in chrome extension?

Is it possible to use reCaptcha V3 in chrome extension. If yes, than how to implement it? Currently I am implementing it and facing error Refused to load the sc

is there a way to make the ":active" selector's style apply to the currently hovered element when the mouse is moving between elements

when you click on one of the 'cButton' elements, the active style will be applied to it but if you hold the mouse button down and then hover over another cButto

Change bootstrap multiselect values based on another select options, using jquery

I have a simple form created using HTML and JS. There are 3 select elements that the options of the second and the third select elements are based on the first