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
answer53
viewsAlignment with two elements in the flexbox: One centered and the other at the end of the flexcontainer
I’m trying to align two elements in the same line: one centered and the other at the end of the flex container. I get the expected result with this code: <div class="row"> <div…
-
2
votes1
answer710
viewsCSS: Header and body positioning
Talk people, I’m dealing with CSS for a personal blog that I intend to create. But I’m having trouble understanding some aspects of positioning. Below is an initial version of the blog: <head>…
-
2
votes1
answer225
viewsApply Inline Hover to another table in HTML
In my HTML there are two separate tables, and in all my tags tr contain a hover applied in the CSS. My question is the following: when passing the mouse on a tag tr of a table it is possible to…
-
2
votes1
answer361
viewsChange parent properties if CSS child exists
I have the following CSS: .react-tagsinput .react-tagsinput-input { width: 100% !important; } // coloquei aqui apenas para lembrar que existe essa opção caso desejar usar //.react-tagsinput--focused…
cssasked 5 years, 4 months ago Gleidson Henrique 442 -
2
votes2
answers777
viewsWhat is the difference between the 'Outline' and 'border' properties?
Studying the property outline, I realized that it produces the same effect as property border, at least apparently, see: .span1{ outline: 1px solid blue; } .span2{ border: 1px solid blue; } <span…
-
2
votes1
answer47
viewsVertical centering with Translate
My dear, I have always used the tactic below to centralize my elements vertically that are contained in something with position Absolute, but for a while now it is no longer working, the element…
-
2
votes2
answers1154
viewsHow to take the edge of an image as a link
Hi, I know it sounds like a silly problem, but I’ve tried everything and searched everything! I can’t get this edge out of my image. body { border: none; outline: none; margin: 0; padding: 0; } a…
-
2
votes1
answer201
viewsHow to centralize a jute list with Bullets?
I’m dealing with css and I’m having a problem with a problem I’m a few days trying to solve, tried the best methods, but none solved. The problem is: I’m trying to centralize the list along with the…
-
2
votes0
answers64
viewsMedia Queries to identify notch
Does anyone have a complete solution to identify all the phones that have this "notch" in the existing market versions? Currently I am using these strategies, but I’m still having problems with some…
-
2
votes1
answer386
viewsDynamically scale header height
So I have the following structure HTML <div> <header>Esse é o cabeçalho</header> <article>Esse é o artigo que vem sobre do cabeçalho</article> </div> I’ve got…
-
2
votes2
answers86
viewsCombining CSS selections with parent child and sibling elements
I have the following code: <ul class="menu"> <li><label for="menu1">Menu 1</label></li> <li><label for="menu2">Menu 2</label></li>…
-
2
votes1
answer100
viewsI cannot lay out side by side the css elements on the screen using col-
I want the two Divs with the gradient to line up Follows HTML and CSS: * { box-sizing: border-box; } /* Sistema de colunas para celulares: */ [class*="col-"] { width: 100%; } /* Sistema de colunas…
-
2
votes2
answers193
viewsSegregate CSS in the construction of Angular components?
I have a reusable component (main), it would be something like a widget, that the main structure is separated into 3 parts (or sub-components), which will not be reused anywhere else but the main…
-
2
votes1
answer310
viewsCSS Sticky position does not work with Bootstrap class=Row
Hail, hail. I’m having trouble fixing a menu on a website. When page content has a DIV with class bootstarp ROW, this DIV overwrites the menu at scrolling time. HTML: <html> <head>…
-
2
votes2
answers83
viewsHow do I change a second fixed image by hovering over the first image?
To explain better, I would like to change a second image as I move the mouse over the first. Example: Situation where no mouse passes over the first image. When I hover over the first image, the…
-
2
votes0
answers242
viewsHow to change the position of the video controller?
To fit the video on the screen of a mobile application, I made the sequinte, I put the width screen size video, I put margin-top negative for the half of what’s left of the container to adjust the…
-
2
votes3
answers403
viewsAlign Ivs side by side in the center
I’m having a hard time shaping the way it’s supposed to be in exercise... I wanted to leave the image attached I’ll leave the code of my attempts: .header{ background-color: lightgrey; border: 1px…
-
2
votes1
answer49
viewsChanging the image of a Section using javascript
I have a section that contains in your file .css the following: .cid-qTkA127IK8 { background-image: url("../../../assets/images/background4.jpg"); } However, my goal is instead to use the CSS to…
-
2
votes1
answer36
viewsI can’t line up Divs
I’m a beginner in the area and I’m trying to build a layout with floating elements using html and css, but when I create the second div it doesn’t align with the original div. * { margin:0; padding:…
-
2
votes2
answers57
viewsProblem with :Nth-Child() using margin-right
I have a div .container with several Ivs .box where I want to show 5 Ivs per line when the width of the screen is greater than 1439px. Every div .box has a margin top and right of 15px, only that I…
-
2
votes1
answer73
viewsHow to adjust a div correctly?
I’m trying to do a chat input, but I’m having a hard time adjusting the input size with the buttons. The problem is that if I put the input of fixed size, in a larger cell phone may remain size. And…
-
2
votes1
answer89
viewsPivot Table.js - Filter default value
I am implementing on my page a pivot table similar to this: https://jsfiddle.net/nicolaskruchten/w86bgq9o/ I have the following question. Whereas the values of the Pivot Table field sex comes as…
-
2
votes1
answer123
viewsIs there any way to extend the "Transform" property to avoid losses or repetitions?
In CSS, I often like to use some "modifying classes" to extend functionality. Example: .btn{ background-color: red; height: 50px; } .btn.btn-outlined{ background-color: transparent; color: red; } I…
cssasked 5 years ago Wallace Maxters 102,340 -
2
votes1
answer951
viewsHow to take the automatic background color out of the elements on mobile devices?
Well, I realized that by using Pseudo Classes as :hover, :focus in input elements and in certain other elements, to be able to change from the current state to another state differs from a browser…
-
2
votes1
answer377
viewsHow to align text with the center of the div with Materialize?
I have a div with a text and an image: This div has a block of text that should be aligned with the center. To make the alignment, I used the class .valign-wrapper, that worked perfectly with the…
-
2
votes0
answers41
viewsIs the load and processing dynamics between HTML and CSS asynchronous?
After the Three-way Handshake, that is, establishing the TCP connection between the client and the server. The client starts downloading the files. My doubts are: If in an HTML page that contains…
-
2
votes2
answers370
viewsAlignment of same input Row using form validation
I am developing a React registration form, and for validation of input'I use the Yup. On the third Row of the form I have 3 input's, when Yup does the validation and inserts the notification…
-
2
votes1
answer55
viewsDiv side by side is slightly lower
Good afternoon, I have been developing a page, very similar to another famous one, but for some reason in the Ivs that I have side by side one of them gets lower do not know why, someone knows how…
-
2
votes2
answers43
viewsAlignment of div to the center of another div
I have 2 div’s, a div is the main one, and inside this div I have another that contains 1 graph as the image shows. I need to put the graph div to the center of the main div, how can I do that?…
-
2
votes1
answer49
viewsProblems with Progress-bar in Flip card
Hello, friends, how are you ? I’m having trouble with a Progress bar on a Flip animated card. Apparently, the Progress bar enters right, but with the effect of the mouse on top of the card, when…
-
2
votes0
answers35
viewsImage expanding through my div
Hello, I’m starting in CSS, and I decided to create this layout, but after setting my flexbox my central image (given) this occupying all the space of the div, as if there was another image behind ,…
-
2
votes3
answers213
viewsWhy does the DIV break line when resizing?
I have three divs next to each other, but I’ve defined that the middle div (espaco-contato) has a defined minimum width, however, that the lateral Ivds remain responsive. What is happening is that…
-
2
votes0
answers293
viewsChange Horizontal menu to vertical with dropdown
Good afternoon, I have this menu in w3school bootstrap. The menu is horizontal and has the vertical dropdown. I intended to place the menu vertically, that is, below Home to have Page1, then Page 2…
-
2
votes1
answer69
viewsHow to align elements side by side?
How can I align the div’s so that the white part is filled with the elements below it (5,6,7)? main { width: 200px; display: flex; flex-wrap: wrap; text-align: center; line-height: 50px; font-size:…
cssasked 4 years, 7 months ago Josias Matheus 111 -
2
votes0
answers42
viewsscroll-snap in css is not working properly
I am creating an html page and am having the following problem: I had to use the method scroll-snap css to 'lock' a div at each mouse scroll. This 'snap' is working with a however, when 'roll' the…
-
2
votes2
answers144
viewsProblem with Carousel HTML AND CSS
When I click on the link that directs me to the respective slide, it’s kind of anchoring and sliding the page down a little bit, how do I get it to slide without html understanding that as a link…
-
2
votes1
answer113
viewsTo define the value of a css variable by java Script
I want to define the Progress css via java script, making it change with a value I put in the Html input. take a look: HTML: <link rel="stylesheet" type="text/css" href="HPCSS.css">…
-
2
votes1
answer571
viewsMat Form Field Angular: How to maintain the original font size when the form-field is focused?
I’m using Angular Material form field with input. When I click on my form field, my label has the font-size decreased. How can I maintain my label’s original size when the form field has focus? I…
-
2
votes1
answer95
viewsPosition text before and after a hyphen aligned to the center
I have two information, an email and a number ( phone ), between the two put a hyphen. I want to center the hyphen in the middle of the screen and put the email on the left side of that hyphen and…
-
2
votes1
answer28
viewsHow to center text in the DIV making the lines line up on the left?
I have a <div> with the property text-align: center; so that the text is centralized, but I want the lines of the texts to always start on the left. Below is an example of what I want:…
cssasked 4 years, 5 months ago JeanExtreme002 5,663 -
2
votes1
answer42
viewsLoop and how to enable editing to write in javascript
I’m making a notepad and I’m having some doubts, I want when you click on the "add" button add one more postit for this, I can use the loop or I have to use another command? On the button with the…
-
2
votes1
answer33
viewsStop motion with css Animation
I made this move with css and my question is: How can I stop this movement in a certain place? I can style according to left, right, top etc. But how can I stop the car movement according to my code…
-
2
votes3
answers79
viewsSkip css line keyframes
I’m in a tremendous difficulty, I made a small freshness for when entering the site the text shows the same when typing alone with keyframe. Doubt: How can I skip line in my text without the…
-
2
votes1
answer200
viewsAlign magnifying glass image within the field (input) of search - html
I’d like to align the image so it’s right inside the search field, like this: But it’s getting like this: Code I’m using: .container { display: flex; flex-wrap: wrap; justify-content: center; }…
-
2
votes1
answer78
viewsHow to create an oval shape with pure CSS perspective?
Hello, I’m wanting to create the second figure in the image, the oval shape with perspective, I’ve already made the oval shape, however, with perspective I’m not getting. #oval { width: 200px;…
-
2
votes1
answer36
viewsI can only change the "bottom" position with "px" and not "%"
I am trying to change the relative’s vertical position ". switch", but I can only do it with px and not with %. How can I solve this? HTML <label class="switch"> <input type="checkbox">…
-
2
votes1
answer27
viewsCan you resize the background-color property?
I created a <h4>within a div as follows <div class="col-sm-12 divQuatro fundotransparente"> <div class="container"> <div class="row"> <div class="col-sm-8"> <h4…
-
2
votes1
answer102
viewsPlace menu items inside the div
I have the following code: .top-content { background-color: #fff; border: 1px solid #e07b39; height: 69px; } .nav-list { display: flex; justify-content: flex-end; list-style: none; } <div…
-
2
votes1
answer47
viewsChange PHP/Html color
I have the following problem and I believe that the JS can help, but I know almost nothing of JS. I need the contents of the "td" tag if it equals "mount" to turn green and if it’s "wait" turn red.…
-
2
votes1
answer96
viewsHow to change the color of an SVG dynamically with props in React?
I’m trying to change the color of an SVG through props, but I’m not getting it. My component Hexagon that in which I receive the color via props and check with a switch: function Hexagon({ size,…