Most voted "html" questions
Use this tag when the question refers to some resource, information or problem related exclusively to the HTML language (Hypertext Markup Language). HTML is the main markup language used to structure web pages and format content. The latest revision of the HTML specification is HTML5.
Learn more…14,259 questions
Sort by count of
-
2
votes2
answers322
viewsAnimated dropdown with jQuery
I’m developing a site, and in its header should contain a Dropdown that appears when you give a Hover in the header link, preferably with its animation coming up, but it has a bug that when you go…
-
2
votes1
answer276
viewsdropdown with pure javascript
I need a hand with a dropdown. every donation in the database I have a button that if clicked appears the items that were donated. I have the following line of code: user-donation.js const…
-
2
votes1
answer253
viewsHow to calculate the size of a div header to do the right space?
Hello, I have a site with a Fixed menu at the top which I put the header class, and it accompanies the scroll bar, I know that my other div with the content class needs a margin according to the…
-
2
votes1
answer221
viewsIgnore open modal enter key
On my system, I created a modal that will serve as an alert whenever the user does any invalid operation. But to force the user to always close the modal by the close button, I wanted to prevent it…
-
2
votes1
answer169
viewsHow to have two checkbox components inside a Row with a title
I’m a beginner in HTML/CSS/Bootstrap and I have a question about how to put two checkbox components in some type of container with a title. Am I doing it the right way or is there a better way to do…
-
2
votes1
answer690
viewsRemove Bootstrap button shadow in :Focus state
I am using bootstrap buttons and would like to remove the shadow creating a new class. I created a new btn-Outline-light-pink class in which I was able to change the button color, but I can’t remove…
-
2
votes0
answers89
viewsWhat is Mixed Content? And what are the "Optionally Lockable Content" and "Lockable Content"?
Although I understand almost nothing about this subject I was reading about the Protocols and Safety Certificates, because I saw this alert Mixed Content on a website Reading about it I came across…
-
2
votes2
answers169
viewsHow to limit an input according to the variable?
I have 2 field as shown below : <div class="col-md-4"> <label for="descricao">Valor título </label> <div class="input-group"> <span…
-
2
votes2
answers190
viewsHow to use a border image (or character) via CSS?
I have a tag <p> with text inside which I would like to use the key characters [ ] as an edge for this text. Code: .indicacoes { font-family: 'AmaticBold'; font-size: 40px; margin-top: 30px;…
-
2
votes1
answer73
viewsResize submenu when overflowing page
My Category submenu, overflows the page when resized. How do I make the submenu go left when this happens? The problem As soon as I want it to happen, the submenu was thrown to the left because it…
-
2
votes3
answers94
viewsList with dynamic size
I need to make a list that in up to a maximum of 6 items, take the entire width of the screen, following the following steps: If there is only one item in the list, it takes 100% width of the…
-
2
votes1
answer45
viewsMake the <p> fit the image size
Good night I’m putting a <img> within the <p> with 192x192 and when it has little text the image ends up leaving the <p> that it belongs to. How can I make the edge of it fit with…
-
2
votes1
answer49
viewsHow to Insert MYSQL if Upload or URL
Hello, I would like to know how to make a mysql Insert, however in the way that I only used javascript to change the imput URL for File, that is, I’m trying to work on the same imput name, however I…
-
2
votes1
answer1795
viewsQuestions and answers javascript
I’m developing a quiz with questions and answers, I’ve done using input radio and checkbox, now I have to make some with input text. I found a code on the Internet that does what I want but I found…
-
2
votes1
answer825
viewsWhat are max-content and min-content width values and how do they work?
I recently came across these two values for the width of an element, however I did not understand how to use them and what they serve... That’s what the Mozilla documentation says, but I don’t get…
-
2
votes1
answer166
viewsSwap the values of the "name" attributes of subsequent inputs/selects html?
I happen to have the following situation, in my HTML I have the structure that way: <div class="form-row mt-3"> <select name="produto0" class="form-control{{ $errors->has('produtos') ? '…
-
2
votes2
answers558
viewsHover effect on child element with CSS
I have the following code, which is the menu of my application: <div class="mainmenu-area" data-spy="affix" data-offset-top="100"> <div class="container"> <!--Logo--> <div…
-
2
votes1
answer185
viewsoverlay Ivs, but leaving a top without being overlaid
I’m able to override the Divs but I can’t place a Nav on top that isn’t overlaid. *{ margin:0; padding:0; box-sizing: border-box; } html, body{ height: 100%; } h1,h2{ color:#ccc; display: block;…
-
2
votes1
answer135
viewshow to position a triangle created with css?
How can I position a div that creates a triangle next to an item in my menu? <div class="triangulo"> </div> .triangulo{ width: 0; height: 0; border-style: solid; border-width: 17.5px…
-
2
votes1
answer104
viewsHow to do Youtube Music fixed menu effect
I would like to bring this effect from the Youtube Music app menu to my website. Basically it rolls together with the page when going down and back to appear when going up, in a fixed way. My…
-
2
votes0
answers55
viewsHow to display the BD image in php?
I’m making a website for sales (personal thing, just training) and my problem happens with displaying the loaded image of the comic. The browser identifies that it has an image there, but it does…
-
2
votes2
answers674
viewsWith CSS is it possible to merge two Images?
I saw this and wondered if it would be possible to merge two images with CSS only. Is there any way to control this partial transparency of one image over the other, or of an image over a background…
-
2
votes2
answers32
viewsWebmail CSS alignment
I’m having trouble aligning the text of a tag <span>, use the margin-left in css and it works but only gives the margin in the first line <tr bgcolor="#fff"> <td style="padding:0px…
-
2
votes2
answers3028
viewsNavbar Vertical
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>…
-
2
votes1
answer433
views1 item on the left and two items on the right good bootstrap
I’m trying to get 1 item lined up on the left and 2 items lined up on the right with Bootstrap 4, tried to use flexbox but since there are 3 items in the middle and one at each end, I tried to make…
-
2
votes1
answer31
viewsHorizontal scrollbar being rolled by vertical scrollbar
I’m doing a little test with the scrollbar of Chrome Canary 74 on Android. I read a lot about it, but I didn’t get results for the mobile device, and since I don’t have a pc, I use Web Aide to…
-
2
votes2
answers155
viewsError printing Styles and scripts in Blade templates?
I have a CMS that is using Elementor to generate pages dynamically, this saves my html css and script in the database. I had a problem with the tag issue <style> and <script> because…
-
2
votes2
answers258
viewsProblem when customizing search bar
Hello, I’m having trouble fixing the search bar in the center of the navbar, since every change in css doesn’t change anything. HTML: <html> <head> <!-- Bootstrap CSS--> <link…
-
2
votes1
answer95
viewsIncomplete SVG only in Chrome
I’m doing animations with SVG, using CSS. In Firefox works perfectly with Stroke + Fill gradient, in Edge it just ignores the gradient and in Chromefica everything right, however, it does not…
-
2
votes1
answer204
viewsHow to compare two values of two different classes in Django
Hi, I’m new to Django and I have the following problem, I have two classes in Django one of them is : class Apps(models.Model): id = models.UUIDField(db_column='ID', primary_key=True) # Field name…
-
2
votes1
answer191
viewsResponsive dropdown menu, not working properly
I created a menu dropdown responsive, however, is not working properly. On the mobile screen, by clicking on the menu icon it opens and clicking on a menu link or outside the menu it closes.…
-
2
votes0
answers244
viewsg-recaptcha-Response returns no value
The registration form sends the data by ajax, the captcha is completed correctly, and the token is given also as I could verify by the command. However when submitting the form I see that the value…
-
2
votes0
answers128
viewsCan requesting CSS within Body speed up page loading and improve rendering performance?
First of all: We know that some requests made within the <head> document blocks page rendering. And we also know that hj on time is possible and allowed to use links de folhas de estilo within…
-
2
votes2
answers68
viewsFlexbox width being exceeded
I have a flexbox page, but one of the items I need to stay fixed at the bottom of the page and have the same width as the other items, but it exceeds the standard width. html, body {width:…
-
2
votes1
answer2387
viewsprevent image from crossing div
Hello, I’m starting my learning with dimensions and scales in Bootstrap. I started making a container occupy the entire screen, and distributes 3 divs to occupy the container independent of its…
-
2
votes2
answers187
viewsCreate dynamic menu that adjusts the size of the div
Guys don’t know about css and would like to know how to create a menu that can have up to 5 options, so when I want to have only 4 options or 3 the menu width remains the same but div with the…
-
2
votes1
answer129
viewsCan the Developer Tool enable the Device Keyboard? In Chrome’s Devtools to simulate the keyboard?
I’m testing a website in the mobile version by Google Chrome Devtools. I know that by the Developer Tool besides being able to test the site responsibly tb has the options to test for each type of…
-
2
votes2
answers626
viewsHow to change the title color of the browser tab?
<html lang="pt-br"> <head> <meta charset="UTF-8"> <link rel="icon" a href="https://is.gd/DhDDsG"> <style> * { margin: 0px; padding: 0px; } body { background-repeat:…
-
2
votes1
answer363
viewsHow to get user logged in to the view?
I need to get the user who is logged in to my application, I did the example below but it does not work. On my Nav tag I used the import Asp.net core and @inject <nav class="site-menu ">…
-
2
votes1
answer402
viewsTooltip is not set inside the modal
I’ve read and tested several questions from here on stackoverflow pt e en and a few more issues on github but none of them helped me solve the problem. I’m trying to set a tooltip inside the modal,…
-
2
votes3
answers4831
viewsHow to center this image with Bootstrap
I’m trying to center the image but I was not successful, I was able to center, but I don’t know how to put in the middle of the div <!doctype html> <html lang="pt-br"> <head>…
-
2
votes3
answers298
viewsFunction . play() in jQuery
Test scenario I have a page with the following elements: <audio id="aud1" src="audio/1.ogg" type="audio/ogg"></audio> <audio id="aud2" src="audio/2.ogg"…
-
2
votes1
answer53
viewsPass a variable that is in a javascript file to a $_SESSION and pick up a php page
Good evening friends. Next I need to pass a variable from a . js file to a Session and to pick up another page with php. The javascript function returns the first available time for marking a query,…
-
2
votes1
answer124
viewsProblem securing side column when scroll is larger than its height
I have a layout with a main div and inside it 2 Divs, each one being a column: body{ margin: 0; } #principal{ display: flex; width: 80%; margin: 0 auto; position: relative; } #conteudo{ width:…
-
2
votes1
answer55
viewsAnimation that reveals element from left to right
I have a <mat-divider></mat-divider> and I need to get it revealed from left to right, as if it were a progress bar being filled Does anyone have an example to introduce me? I could only…
-
2
votes1
answer102
viewsHow could I implement a Swipe for this slide library?
I’m using this library / Plunker: I would like to make the touch work with the effect: touch-action: pan-x; Like this example, if you enable the console, with active mobile version can see the…
-
2
votes1
answer262
viewsHow to draw 3 CSS circles with 1 div
I would like to do 3 icones in CSS, but I don’t want to do with several div, div filhos, etc. I’d like something clean, like <div class="Status1"></div> <div…
-
2
votes1
answer190
viewsText tagged with <del> or <s>?
In a price list, where there are discounts, I want to "cross out" the original value of a product and show the discounted value, something like: For that I came across the tags <del> and…
-
2
votes3
answers128
viewsStatic site, set default HTML markup for all pages
In a static site you should create each page individually. If you want equal pages, simply copy the HTML and make the necessary changes. It is also possible to define the CSS and Javascript of all…
-
2
votes1
answer32
viewsVertical alignment of two elements within a column
I’m trying to make a layout as shown in the image. Two columns, the second being aligned with a text at the top, and another text below. So far, what I have achieved is to align the entire text…