Most voted "css" questions
Cascading Style Sheets (or simply CSS) is a style language used to define the presentation of documents written in a markup language, such as HTML or XML. Its main benefit is to provide the separation between the format and content of a document.
Learn more…8,314 questions
Sort by count of
-
2
votes1
answer478
viewsAlign radio Buttons to the right of a select
I have a line that is being lined up in the center as follows: .row{ display: flex; justify-content: center; } Inside this row has two columns, one with a select and the other with radio Buttons…
-
2
votes1
answer1526
viewsEffect of increasing and decreasing edge size
I found on a website an example of a field only increasing the edge, follows the GIF below: I would like to know if I can also increase, decrease the border size of an html element in the call of…
-
2
votes2
answers1418
viewsHow to move html input
I wanted to move this login form to the center of the page but it won’t. I tried padding, text-ident, align, nothing does these input if you move, with the exception of the button nothing moves,…
-
2
votes2
answers265
viewsHow to center an icon along with an LI added via CSS within a UL
I would like to know how to centralize an icon implemented via background url() in the css along with my li, the problem is that when I add the icon, it pushes my li and how he appears glued to the…
-
2
votes1
answer190
viewsHide a div by clicking the CSS button
You can hide a DIV with that button there? .button { display: block; position: absolute; width: 240px; height: 80px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform:…
-
2
votes1
answer1146
viewsHow to align 'N' Divs on the same line?
I got the following container where I would like to keep the divs on the same line: How can I do this alignment ? Follow example of the code below <html> <head> <meta…
-
2
votes1
answer221
viewsHow to apply a delay to the CSS display property in a change from None to flex without Javascript?
How do I get the CSS display property to switch from None to flex with a 1s delay without using Javascript for this? I have the following code: #botao-painel:checked ~ .painel { display: flex;…
-
2
votes1
answer110
viewsHover on SVG on my page does not answer
I am trying to create a circle with several divisions in SVG, and each section when passing the mouse, I would like the background color to change. However the code I’m trying to use isn’t working.…
-
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
answer1195
viewsCentralize elements of an SVG
Hi, I have a <g> within an SVG and would like to center its content, basically it would be like this: +-----------------+ x-----------------+ | X | | | | | | | | | | | | | ----> | x | | | |…
-
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
votes2
answers621
viewsPut bar in Bootstrap menu
I want to put a bar in the menu as example below: Home | Instructor Course | Legal Advice For this I am using the code below: <div class="row"> <nav class="navbar navbar-expand-lg…
-
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
votes2
answers89
viewsHover mouse does not work in the circular calendar cells in SVG
I would like to ask for help again, I’m having a hard time running Hover (CSS) on my SVG. It is a circular calendar with 31 days, divided into three shifts (each layer is a turn). When hovering over…
-
2
votes1
answer155
viewsHow to disable a datatables at print time
The page has a datatables https://datatables.net/, would like to hide the items that is created by it at the time of printing, example: search field, paging etc. My datatable is like this:…
-
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
answer71
viewsIn CSS what are Implicit or Explicit properties or attributes? What is the difference between an "Implicit Grid" and a "Explicit Grid"?
I’ve been hearing a lot about CSS Grid Layout https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout The Grid Layout is built from the display:grid, and I have often heard the term…
-
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
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
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
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
answer28
views<video> does not respect preset height and Object-fit:cover in Google Chrome
I’m calling a video on a father div with the following definition: div { width: 100%; height: 400px; } And as child element the tag <video> with: video { height: 400px; width: 100%;…
-
2
votes1
answer3505
viewsHow to make a header with background image
I need to assemble a layout with the following structure. Where the blue part will be an image. <header class="header-bg"> <div class="logo"> <span>Logo</span> </div>…
-
2
votes2
answers957
viewsCards with smaller content breaking
I’m using Bootstrap 4 to assemble a page, and at the time of making cards they are getting bigger or smaller than the others, even if they use the same class col-sm-4. It’s breaking because their…
-
2
votes1
answer169
viewsLeave images together and responsive
I need to let the images meet one under the other, occupying half of the container and next to you the description of this image. She needs to stay that way. At the moment she’s like this But there…
-
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
answer73
viewsDifficulty positioning div in CSS
I am making a layout with the user’s avatar logged in, my difficulty is in keeping this green circle accompany the photo, as follows in the image below: Using position: Absolute; It is as in the…
-
2
votes1
answer465
viewsAdjust span within link
I own a button and within it I own a tag i with an icon of font-awesome and within the i one span with the text (without the span the icon was above and the text below). What I need is a way to…
-
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
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
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
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
answer71
viewsTransition in mobile menu not working
I’m having problems regarding the transition from my mobile menu (hamburger menu). The menu is working perfectly, when I click on the menu icon, it appears on the left side of the page. The problem…
-
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
votes1
answer73
viewsSebrepositioning
I have the following problem and wanted to know if there is a solution for this I did the styling of the text in CSS everything ok but when I do the selection of the text with the mouse the text is…
-
2
votes1
answer351
viewsIs there a Javascript function to capture mouse click?
This is my first post and I have a question. I am working on a dropdown menu that acts based on user click. This way, when clicking on one of the menu items, it descends presenting more information,…
-
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
answer328
viewsAfter clear:Both, float div does not align correctly
I’m making a responsive website and I’m using "float" and "clear: Both" to put the Ivs in their places. But after using "clear: Both", the "div6" does not align correctly on the right side. To…