Most voted "css3" questions
The term CSS3 is used to refer to CSS properties and selectors added after level 2.1 of the specification. Use this tag for questions about new CSS modules.
Learn more…1,944 questions
Sort by count of
-
1
votes1
answer34
viewsAdjust div to display the center of the image on smaller screens without changing the image size
I have an image like this: On smaller screens, I want it to be seen in the center, without changing the size and scale of the image Does anyone have any idea how to do that?…
-
1
votes0
answers98
viewsI cannot increase the width of my input
I cannot increase the width of this input. I use bootstrap and css. In my code, there is no such input tag... <div className="form-group col-sm-12 col-lg-8"> {employees.length > 0…
-
1
votes0
answers151
viewsBoostrap with different views in Chrome and Firefox
I have a dynamic list fill code that in firefox correctly displays the fields, but in Chrome is disorganized, as if boostrap is not working. Follow the code below function inserirFormulario(dados) {…
-
1
votes5
answers3392
viewsOne below the other input
I’m making a code HTML. I have some inputs created however they are getting next to each other as if they had a float in them, only I don’t want so. I want it to be one below the other, it has a…
-
1
votes2
answers161
viewsVertical paragraphs using flexbox
How do I position text two below text one? .container { width : 100%; height: 150px; background-color: red; } .vertical-align { display : flex; align-items: center; } <div class="container…
css3asked 5 years, 5 months ago João Carlos 49 -
1
votes0
answers52
viewsCreate element among child elements of the same Father
According to the code below: var ul = document.getElementsByTagName('ul'); var ref = ul.item(0).children; var saida = ''; for (i = 0; i <= ref.length; i++) { if (i == 0) { var HTMLString =…
-
1
votes1
answer275
viewsCSS - Media Queries loading backgrounds. How do they behave?
I’m making a website responsive and would like to upload different images in the background depending on the device. I will respect the use of data from mobile users and do not want to force the…
-
1
votes1
answer124
viewsposition: Sticky together with overflow;
there is a way to make position: sticky and overflow-x: auto work together, without setting values of height? In that structure I set overflow-x: auto in my class .scroll, mine position: sticky tag…
-
1
votes2
answers258
viewsCreate interactive grid with CSS
I wanted to create a grid interactive where when the person clicked on the image this same one appeared large beside, shopping site style. <div id='gridImagens> <div> <div>…
-
1
votes1
answer54
viewspseudo element after does not go right
I made a span and gave width to him of 800px. I put a small text in it and added a after in the hope that this afyer is the final meaning of span glued to the right. But it stayed glued to the text,…
-
1
votes1
answer802
viewsHow to change the Color background of a DIV with Class and Id?
I’m having a problem with my Javascript code, I can’t change the background of a div, and I set it in CSS with a class and its color is white. function escolha(id){…
-
1
votes1
answer391
views -
1
votes1
answer69
viewsHow to remove the border in Bootstrap when an object is clicked?
The question is self esplicativa, I have a button in specific that I would not like it to have this effect that the bootstrap puts by auto when it is clicked, already tried to change in css, but…
-
1
votes3
answers1528
viewsFormat search field with CSS button
I want to format the button that is on the side of the search field like this: But I’m not getting it: HTML: <div class="col-6 col-md-4"> <div class="busca"> <input type="text"…
-
1
votes1
answer79
viewsUL does not follow normal page flow
I’m having a problem in developing a specific page of my site, where for some reason a Ul is coming out of the "normal flow", using the developer tools of Chrome gave to verify that it leaves the…
-
1
votes2
answers50
viewsHTML and CSS contact selection
Hello, I was recently looking at a site and I found very interesting a selection/filter system in the contacts tab (https://www.evoluaja.com/contato/) When you open the contact page, you are asked…
-
1
votes1
answer89
viewsReplace background-image of :after
I have a div with a pseudo-class :after where I create a square and place inside a figurine of an arrow down. I’m trying, with the code below, by clicking on this div replace the figurine with a…
-
1
votes1
answer328
viewsScroll bar showing alone
Follows code: HTML: <!-- Button trigger modal --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> <div…
-
1
votes1
answer129
viewsjQuery error not visible when migrating code
Well, I have on the following page http://www.hotplateprensas.com.br/estilos/aa2.php The functional script When I migrate to the end of the page: http://www.hotplateprensas.com.br/estilos/index.php…
-
1
votes1
answer139
viewsWhat is the difference between the pseudo class :root and the * {} in CSS?
Do the two have the same function? Both generally define certain procedures. When I should use one or the other?
-
1
votes1
answer223
viewsBootstrap menu does not work
I’m developing a web application and I put it in the bootstrap menu link Menu in normal page width but by decreasing the page width the menu does not look like this. Stay like this HTML <div…
-
1
votes1
answer160
viewsMisaligned image when page width decreases
This is the resolution of my image in normal page width But by decreasing the page width the image looks like this. I would like the image to be the same size as the 1 small image HTML <div…
-
1
votes0
answers70
viewsCode optimization
I have a UL automatically generated via a SELECT OPTION. In the architecture I created, I have a LABEL who gets the first OPTION of SELECT. This LABEL will also be responsible for receiving the…
-
1
votes1
answer43
viewsbox-shadow slows Chrome animations and transitions
I have a problem with box-shadow, I have the following line: box-shadow: -300px -300px 300px var(--roxo) inset; Every time I use box-shadow with a very high size as in this case the animations and…
css3asked 3 years, 10 months ago lucasfernando.dev 23 -
1
votes2
answers70
viewsThe created element does not take javascript functionality
Uncaught Typeerror: Failed to execute 'appendchild' on 'Node': Parameter 1 is not of type 'Node'. At Htmldivelement.dragover staff do not know why, was doing a project of the Masterclass of…
-
1
votes1
answer353
viewsNo effect works CSS
I am developing a web application and I would like to move the mouse the icons change color and not show that line under the icons but the houver doesn’t work. HTML <div class="header-fixed">…
-
1
votes1
answer44
viewsHow to reallocate the input(color) color palette box?
html, has a type of input that click opens a color palette for the user to choose a color: <input type='color'> I was wondering if there’s any way to edit this box that pops up, I’m mainly…
-
1
votes2
answers43
viewsHover is not being displayed correctly
I have a a without link, only for displaying additional information, but it is not being displayed in the correct way. I wanted it to be shown as follows: But it is being shown as follows: Follow…
-
1
votes1
answer1508
viewsBootstrap dropdown menu does not work
I am developing a web application and I am using the dropdown menu of bootstrap but it does not work My <head></head> <head> <meta http-equiv="Content-Type" content="text/html;…
-
1
votes0
answers63
viewsHow does the inline-size property work?
I was snooping around the browser console tweaking an element, and I noticed that Google Chrome completed a property called inline-size. I don’t remember seeing this property before, but I did…
-
1
votes1
answer29
viewsmy checkbox button is not working(possibly because of css)
I’m trying to make a login screen but I tried to make a <input type="checkbox" class="senhaMostrarOuOcultar" onclick="mostrarSenhaEOcultar()"> for it to hide or show the password, but when it…
-
1
votes1
answer52
views -
1
votes2
answers293
viewsHeight of total div proportional to content
I have the following structure: <div class="slideShow"> <div class="boxSlide"> <div class="imagens"> <img src="_imgs/_slideShow/1.png" /> <img src="_imgs/_slideShow/2.png"…
css3asked 7 years, 1 month ago Carlos Rocha 1 -
1
votes0
answers245
viewstransition and effect on images with display: block a slideshow
I have a slideshow that I’m developing. As images, are in display:none and when click in the arrows, I make display: block in the image that will appear and display: none in the other. I’d like to…
-
1
votes2
answers170
views -
1
votes0
answers159
viewsClose Nav side when performing the function of scrolling the page
/posts/252168/edit# section{ height:100vh; width:100vw; } #a{ background-color:black; } #b{ background-color:red; } #c{ background-color:green; } #d{ background-color:blue; } <!DOCTYPE html>…
-
1
votes0
answers228
viewsBug Carousel inside modal Materialize CSS
I have the following bug, I have a modal and inside it I put this Carousel. <!DOCTYPE html> <html> <head> <!--Import Google Icon Font--> <link…
-
1
votes0
answers103
viewsCSS conflict on index
I have the page below with a css: http://hotplateprensas.com.br/gasmuriae.com.br2/ In it has a div with the classe top and inside div have 3 div's: <div class="topo"> <div class="topoTel"…
-
1
votes1
answer155
viewsInternal DIV overlaps external
I have a div internal overlapping the external. Behold: Note in the image above that the div external does not involve the whole internal. HTML and CSS .conteudo{ width: 100%; max-width: 1200px;…
-
1
votes1
answer48
viewsOverlapping elements with padding
When I use the property padding, does not generate proper spacing on the four sides of the elements. By using the element inspector I notice that there is an overlap of the effect of padding.…
-
1
votes3
answers638
viewsBlock positioning with FLEX-BOX
Well, I’m doing a site where in the home there are 4 modules, the first two have to be under each other, so far so good, except that the third module has to be next to these two as if it were a…
-
1
votes2
answers77
viewsGeometric shape with css
I needed to play the image in css, I tried some options of Transform and I can’t stretch one end. My question is how to take the bottom of the left and make it bigger downward than the right. The…
-
1
votes1
answer1735
viewsTouch-action for what? CSS
I’m getting a warning on the console of Google Chrome: [Intervention] Unable to preventDefault Inside Passive EventListener due to target being treated as Passive. See…
-
1
votes1
answer5846
viewsHow to remove inner shadow from button or input
When clicking on the button appears a gray shadow at the top, creating an effect kind of 3d, however I want to remove it. How I want it to look when I click: How are you: My HTML: <div…
-
1
votes0
answers119
viewshorizontal div with pagination one by one
Good afternoon fellow programmers, I have the following question: I have a div (#grid) with several blocks (.item) floating side by side, but only the first 3 are being shown and the rest of the…
-
1
votes0
answers42
views -
1
votes1
answer49
viewsI’m having trouble using radio input to do other things
My idea and the next one, I think if you do this kind of validation with js will get heavier since you will have to send more code and perform more process! This validation is not so important then…
-
1
votes1
answer1372
viewsLabel positioning
I use Jquery Validate to validate inputs, but when validation fails, an error message label is created next to the input. My goal is to have this label shown below the input, without changing the…
-
1
votes1
answer48
viewsEffect :Superimposing Focus :active
It is possible to visualize the effect of :active even though :focus? I’m trying here but when I click on the element the effect of :active is not shown jumping straight to :focus. .btn{ color:…
-
1
votes2
answers582
viewsCSS with custom list-style-type on awesome fonts
How can I change the list-style-type Bullet to a fontawesome icon? <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet"…