Category "html"

Find index of element within a list of elements with the same class

I have a div: <div class="container"> <div class="info" style="display:block;"></div> <div class="result-image-slides"></div&

How do I handle image sizing in hero area?

I have created a hero area and between this, I have created two divisions and applied a style display with the grid. Now I have put text and buttons on one side

How convert input type="date" in a timestamp?

I need to convert an <input type="date"> value in a timestamp. This is my HTML code: <input type="date" name="date_end" id="date_end"> This field

How to align div to bottom inside div bootstrap

html, body, .sidebar-container, .sidebar-row { height: 100%; } .sidebar { background-color: #2C3544; } @media (min-width: 992px) { .s

How to use picture element in angular Material cards

How can I combine the picture element with the Angular Material card? In Angular Material cards https://material.angular.io/components/card/examples you can us

Mailchimp works on localhost, but github pages sends error 404. Noobie

Checked docs, looked at other codepen examples, but cannot figure out. Any help would be greatly appreciated my github page index.html <html lang="en"> &

Tool sed-like to insert a HTML snippet code (a div block) after a <div id="jsn-page">...</div>

I am looking for a way to insert a block <div id="jsn-content-bottom">...code...</div> after a block <div id="jsn-body">...</div>. I wan

Not able to plot voltages graph (v1 vs v2) in a website using esp32 and arduino

I have started learning to build some good websites. In one of my projects, I wanted to display two voltages (named "POTvalue1" & "POTvalue2") on a website.

JavaScript Onclick Function Fails to Execute [closed]

I have a button that triggers an onclick function: <!DOCTYPE html> <body> <h2>what can javascript do?</h2> &

I don't know why my video does not play on the html file and how I can insert multimedia file on an html file>

<!DOCTYPE html> <head> </head> <body> <video width="400" height="400" controls> <source src="movie.mp4" type="video/mp4

How to not hide my form element after submission if its css display style was set to none previously

$(()=>{ $("#c").click(function loop(event){ $("#a").show(1000).submit(function(event){ if ($("#b").val() === "hello"){

How can I insert an image or icon before or after my list items in an html file?

<!DOCTYPE html> <head> <title>Hanieh jannesari</title> <style> ul { list-style: none; } ul li {

What should I do to solve the trailing punctuation mark is rendered at the start when I set dir="rtl" in html label?

When I set dir="rtl", the trailing punctuation mark is rendered at the start. I expect that the result is I have a cat, her name is "butterfly" but the actual

How do you insert HTML into a QuillJS?

Is it possible to insert raw HTML into a Quill? I've been searching the documentation but couldn't find anything. If it's not possible, can I at least convert

How to add custom drop-shadow with linear-gradient in tailwind css?

I am finding a way to add custom drop-shadow with linear-gradient in tailwind CSS. On looking the docs I found this <div class="drop-shadow-[0_35px_35px_rgba

I want to hide div if user click on dot icon and wanna show other div instead of first one

I want to hide div if user click on dot icon and want to show other div instead of first one. Please look at this website section image i want to hide this div

how can we run drag and drop codes with the help of html, css and a bit of javascript? [closed]

<!DOCTYPE html> <html> <head> <title>My Web Page</title> <script> functio

Chrome Dev Tools Elements Tab stopped working (can't right click any DOM Node and hover over Dom Node doesnt highlight anything)

In the Elements Tab of Chrome Dev Tools I can't right click any DOM Node anymore. I'm talking about the following menu that right click usually opens: Furtherem

how should we link videos and audios on our html file?

<video width="500" height="500" controls="contrlos"> <source src="hope.mp4" type="video/mp4"> </video> this is the code I tried on vscode

How to use "invalid-feedback" class with selectpicker from Bootstrap-Select?

I'm using Bootstrap to do some form validation on my web app. With a normal select menu, it would be really easy to have an error message pop-up when the field