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
-
0
votes0
answers17
viewsGradient between image tag and gray background
I’m creating a project and I wanted to make a gradient between the background image and the dark gray background that’s just below, someone knows how to do that? My current code is: @import…
-
0
votes1
answer21
viewsMy site creates two scroll bars when resolution on the X-axis is decreased
My site creates two scroll bars the main one and another in the div that contains the image of the posters of the films when the resolution in the X axis is decreased. Someone can help me solve…
-
0
votes1
answer105
views -
0
votes1
answer25
viewsProblems with bootstrap responsiveness for Sm and Xs screens
Friends devs, my screen does not get responsive for small and extra small devices (Sm and Xs), appears a white sidebar on the direct side of the screen and that as the screen decreases more, the…
-
0
votes1
answer124
viewsInsert button in front of a pagination
I created a pagination so that the return of my API would be better performing at the moment it is rendered on the screen, the question of adjusting everything ok, however, on this screen I work…
-
0
votes2
answers74
viewsAlign table data in different fields
I am working with a card that will work to return data like (today, current month, day yesterday and anyway), but I would like to leave the day equal to image, I could not using tables, follows the…
-
0
votes0
answers52
viewsRun list without scrolling data
I have a Dashboard, on which in a header I call a list after clicking a button. Everything is ok with return and sorting, my problem is in the matter of layout, I wish I had kept only overlapping…
-
0
votes3
answers496
viewsHow to change Columns display order?
I got the following: .container{columns:3;} span{width:100%;display:inline-block;width:100px;background-color:red;margin-bottom:10px} <div class='container'> <span…
-
0
votes1
answer134
viewsLimit the size of an item in flexbox
I’m trying to make a Toolbar with flex, but the icons are taking the whole Toolbar when I step over with the cursor: @media screen{ :root{ --primary-color: #29f1c3; } *{ margin: 0; padding: 0; }…
-
0
votes1
answer64
viewscontender by changing and changing size of img
html { box-sizing: border-box; } body > section { display: flex; justify-content: center; width: 100vw; } section#categorias > div.internas > div { display: flex; flex-wrap: wrap;…
-
0
votes2
answers916
viewsAlign text in Bootstrap navbar menu
Hello, I’m not able to align on the right the clickable texts of my menu with Bootstrap. Here is the menu code in HTML: <span class="menuresponsivo"> <nav class="navbar navbar-expand-lg…
-
0
votes1
answer48
viewsAdapt button display more Ivs to hide the displayed Ivs
I have a session that has many cards and they are displayed by clicking the button to load more that displays 4 in 4 as shown in my script: JS: $(function () { "use strict";…
-
0
votes2
answers897
viewsHow do I use the properties of a parent element in the child’s CSS?
I have a <div> with fixed values, and it has a <ul> internally, as shown below: <div id="personalizado"> <ul> <li>item</li>…
-
0
votes1
answer414
viewsChange the color of menu items by hovering the mouse
all right? I’m having a problem with CSS, which is the following: When hovering over the other menu items, I need the color of the letter to change to white, and also when the menu is selected, the…
-
0
votes1
answer29
viewsWhy does my "th" tag have space between the columns after I apply background?
Good afternoon! So guys, when I’m applying background on my th the columns are separate, as you can see in the image. Can you help me understand why, thank you! index.html <!DOCTYPE html>…
-
0
votes0
answers420
viewsCSS Printing: Image Cropped in Page Break [Solved]
I’m having trouble printing, when using an image, the same cutting in the page break, I tried to use page-break-inside: avoid;, didn’t solve. What can I do to prevent images from being cut when…
-
0
votes2
answers2044
viewsStylize checkbox
I’m trying to leave the checkbox this way: But I’m not getting to leave the gray background as a pattern, and only when it’s marked will it be blue. Follow my code: input[type=checkbox] { position:…
-
0
votes1
answer25
viewsText is not up next to images
Good afternoon, I’m building a website, and I needed the text to be next to the AETTR logo, but up and not down, someone knows how to fix it? Example: *{ margin: 0; padding: 0; } .logos-container{…
-
0
votes3
answers413
viewsAlign text to the center of the image - Bootstrap
I’m using Bootstrap 4 pro site development. I thought I’d start by including the basic grid structure along with the image and an H1 (to test positioning). I wrapped the image and H1 in a div that I…
-
0
votes0
answers136
viewsHow much of each flex item will the flex-Shrink property reduce when items have different sizes?
Everybody, good to you? I am studying the CSS flexbox and in the part about the flexibility that each item can have I have the following question: In the attached example, the items exceed 150px of…
-
0
votes2
answers349
viewsHow to center html blocks and keep them even after zooming in the page
I am not managing to center my Father block (red block) in the center. I want it to stay in the center so that even after zooming in on the page it’s still centered. I’m not being able to access the…
-
0
votes2
answers560
viewsHow to center image
I have a menu and I’m trying to put the image to the center and leave 3 links to the left and 3 links to the right, I used: display: inline-block; position: absolute; top: 50%; left: 50%; transform:…
-
0
votes3
answers338
viewsHow to remove right edge using border-Radius
I’m trying to remove the edges of the external right in the mobile menu as shown in the image below, someone knows how to do. Html Code: <!DOCTYPE html> <html lang="en"> <head>…
-
0
votes1
answer173
viewsResponsive menu #bt_menu:checked ~ . menu does not work
Talk to you guys, I’ve been looking into this, but I haven’t found any answers other than what I’ve done. I’m making a responsive menu without javascript (I don’t want to use js because I know…
-
0
votes2
answers70
viewsFadein and Fadeout in sequence
I have a challenge that I need the Divs to appear in sequence, one after the other. To do this, I created a loop that performs the functions of FadeIn() and FadeOut() for each DIV element of my…
-
0
votes2
answers101
views(JAVASCRIPT) How to style the layout of this JS code?
I have this code in javascript and I would like to edit its layout, but I do not know how to do (or do not remember) if you can help me showing examples I would appreciate. <script> function…
-
0
votes1
answer67
viewsHow to remove the space between two Divs?
I have already researched here by SOF but the problems that appeared did not resemble mine, so I would like to know what I did wrong here: I want to know how to remove this space between the two Ivs…
-
0
votes1
answer49
viewsPosition Material icone within tag span
Faaala my dears, I’m trying to position an icon in and in the upper right corner of an element, but when I apply right: 0; my icone some. Some css wizards master around? .btn-redirect { display:…
-
0
votes1
answer453
viewsIs it possible to change the parent element’s css when there is a different child?
With CSS, is it possible to modify the parent CSS if the child has a different class without changing the parent class name? I just need to actually change the default bottom of the page, when the…
-
0
votes1
answer32
viewsMy html element (H1) ignores the existence of the elements above it
I have the following HTML code that for some reason the tag <h1 class="teste"> is not recognizing the elements that are above it and tries to occupy the same space as the header on the screen,…
-
0
votes1
answer38
viewsDoubt with CSS (Doubt about css)
Hello! How can I build this background in a section using css? I’m a novice and started a personal project, but I can’t build that background with pure CSS. Is it possible to do this? I searched…
-
0
votes2
answers40
viewsHelp with alignment of items/images in a div
I’m doing a test with layouts to display images, and I have a question regarding the alignment of items within a div. Basically, I have a set of images and I need to display them aligned, 3 per…
-
0
votes3
answers179
viewsUsing a Class within another CSS Class
I have a table, and I want the lines to intersperse colors the way below works perfectly <style type="text/css"> .tabela_parametros_gerais tr{height: 20px !important;}…
-
0
votes0
answers70
viewsBug in external CSS file
Hello I am making a full screen menu type burger for a site with CSS and pure HTML. I made the code of this menu separate. But the problem is that the CSS code only works properly in the internal…
-
0
votes2
answers44
viewsProblem with inheritance in css
Guys I’m having a problem with my comic, well I want to change my comic so that all the elements stay the same. But I tried to do this with the following HTML: <div class="button_profile">…
-
0
votes1
answer28
viewsRemove the height of a footer from another height of a div above
Hello, how do I remove the height of a footer, from another height of a div above, explaining better: I have the div . Bigwell and want to remove to that div the height of the . tecData, to the div…
-
0
votes1
answer88
viewsHow to increase border-bottom width?
How to increase the border-bottom where the arrow points : Code: .container__transacoes > h3{ border-bottom: 1px solid #bbb; /*Ver como aumentar as bordas*/ padding-bottom: 10px; margin: 30px 0px…
-
0
votes2
answers247
viewsHow to leave label on top of input
The thing is, I’m making a form and I want the label to be on top of the input, but I couldn’t get it because I used the float: left to leave the inputs side by side, but I want instead to look like…
-
0
votes1
answer103
viewsBackground with Parallax does not appear
https://codepen.io/carcleo/pen/JjbYQWa In the code below (and also in the codepen above) I have 2 div’s where I’m doing an effect Parallax. But I need to make the effect happen with background…
-
0
votes1
answer21
viewsCSS @media is not working
when the site is less than 600px, you should activate @media, but not enter * { font-family:Arial; } body { margin:0; padding:0; } header { display: flex; justify-content: center; } .container {…
-
0
votes1
answer31
viewsHow to customize the track of a slider according to its value
The range input, by default in Chrome, comes with the following "effect": I wanted to know how to reproduce it, I removed all the patterns styles of this input, I was able to customize everything,…
-
0
votes0
answers64
viewsHow to increase the size of the select dynamically
Speak devs, all right? Is there a way to increase the size of the select according to the number of children it has dynamically? I want all your children to be displayed without having to handle the…
-
0
votes1
answer39
viewsChange background color and turn on all window lights at night (Javascript only)
I am studying Javascript and decided to create a practical project, which consists of a building that I can turn on and off the lights by clicking on the windows, until then ok. But I wanted to…
-
0
votes1
answer30
viewsUpdate the product price in real time
I have a code where the person selects the additional items to their request via the following code: <div class="form-check"> <input name="dois" class="form-check-input" type="checkbox"…
-
0
votes1
answer63
views -
0
votes1
answer41
viewsI created a function to remove the last string but this bug
I am creating a calculator and I did the function of removing the last number typed, but there is a bug that if I put to add, subtract, etc... with something (before clicking on =) it will start to…
-
0
votes1
answer26
viewsBehavior of an inline-block list with floats
I have a list of 3 items, all items are behaving like inline-block, however I gave the first and last item float: right and float: left, respectively. The question is, why the middle item (box-2)…
-
0
votes0
answers19
viewsFooter (Footer) with CSS at the bottom of the page
I’m studying a little CSS. And I’m having a hard time leaving the footer at the bottom of the site, regardless of the content size. To illustrate better I made this example if I put this way the…
-
0
votes0
answers53
viewsHow to keep all Divs in their positions without side scroll
I am working on a personal project and while I was doing the HTML and CSS part of the code I arrived at this problem, the div that is in the middle pushes the div from the right side menu, creating…
-
0
votes0
answers16
viewsonclick lasting 1 second
Man onclick this one lasting only 1 second. Ex: I click the right button and take the value of the input and return to div, but the value is only lasting 1 second on the screen: function teste() {…