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
-
3
votes2
answers859
viewsHow to change the border color of a Modal Bootstrap
I created a modal with bootstrap and I would like to know how I can change the border color of the modal without changing the structure of it, thanks in advance!
-
3
votes3
answers78
viewsAssist positioning div css
How should I proceed so that my <div id="rosa"> occupies the entire available area even when the window is resized and not a specified height? html, body { margin: 0; padding: 0; } header {…
cssasked 7 years, 4 months ago Alaercio Mazutti 33 -
3
votes1
answer143
viewsBeautify inline review
I am using the extension Beautify in Vscode to better organize my code, however I found a problem and I did not find the solution, it always plays the comment to next line. How to fix this?…
-
3
votes1
answer34
viewsClear body keeping only 2 elements
I need to delete everything from body, except for 2 items. I tried the ways below but none worked: body > *:not("div#pedidosRelMensal, h1.resposta"){ display: none; } body >…
-
3
votes2
answers382
viewsHow not to repeat CSS code
I have the following CSS .icoDuvida { background-image: url(img/Layout/duvida.png); width: 21px; height: 21px; background-repeat: no-repeat; float: left; margin-left: 13px; } I need to modify it to…
-
3
votes2
answers224
viewsTake part of the CSS class name
Is there any way to get "part of the class name" in CSS? I say this because of the example: <div class="result_itens_id1255454"> Let’s assume that this id1255454 is random, so there would be…
cssasked 5 years, 2 months ago Lucas de Carvalho 6,427 -
3
votes2
answers140
viewsWhat are CSS default values for?
Almost every CSS command has its default value, which is already being used by default, even if you don’t use it, for example. justify-content: flex-start; If you don’t write anything by default the…
cssasked 5 years, 2 months ago Jonathan Matheus 383 -
3
votes2
answers1028
viewsIn white-space, what is the difference between pre, pre-line and pre-wrap options?
I already know that when using white-space: nowrap, the text does not break when it exceeds the limit of a container. However, I noticed that this property in CSS has the options pre, pre-line and…
cssasked 5 years ago Wallace Maxters 102,340 -
3
votes4
answers2171
viewsCSS, Bootstrap4 Cards Side by Side
good morning! All right? I am having difficulties with bootstrap 4, when using cards I would like them to line up side by side, but they are below each other and I do not know how to leave them side…
-
3
votes2
answers637
viewsHow to draw a pizza using css
I’m having trouble making the lines on a round button to be like the partitions of a pizza what I have : <div class="panel-body no_padding padding_bottom_top_list" style="display:…
-
3
votes2
answers743
viewsMaterialize - How to align the footer always below?
This code below leaves it aligned below if the content fills the whole page, otherwise it gets in the middle of the body. Remark: I have read the manual of materialize, it was even aligned but…
-
3
votes1
answer1054
viewsCSS Carousel inside another image
I need to make a carousel/slideshow of images only it happens inside another image. Example: I have this picture of the notebook in png, the slideshow should take place inside his screen. However,…
-
3
votes2
answers1400
viewsVertical alignment with CSS?
I’m trying to display an image and next to it a text. My problem is that this text should be aligned with the bottom of the image, but only appears aligned to the top. I have tried many codes and…
-
3
votes1
answer196
viewsConcatenate multiple Sass/css files into one final css
I am using Laravel 5.4, which by default brings a file webpack.mix.js which will be the files to be concatenated and their destination. My problem is concatenating files scss with css, what I have…
-
3
votes1
answer305
viewseffect with css Transition in Angular
Well I’m using a Progress-bar whenever I’m loading some data on the page. To stay cool I’m trying to put an effect for when she shows up and disappears. But the effect only works when it is hidden,…
-
3
votes1
answer231
viewsHow to simulate a radio type input to the screen reader?
I’m doing a satisfaction survey that should be accessible to users with screen reader. For each question answer options containing a text are shown "Great, Lousy, ..." and an image corresponding to…
-
3
votes1
answer116
viewsWhat is the difference between space-Around and space-Evenly?
I’d like to know the difference between these two properties justify-content:space-around; and justify-content:space-evenly
cssasked 3 years, 10 months ago user219508 39 -
3
votes3
answers2288
viewsHow do I open a floating div tooltip style by clicking an input?
Hello. I got a problem I can’t fix. I have a text input and I needed when I clicked on it to open a window or floating div underneath it like a tooltip but with HTML inside it. How can I make that…
-
3
votes1
answer33
viewsHow to set a stylesheet for a widget without affecting your child widgets in Pyqt5?
I am creating a window with Pyqt5 Framework and need to add to it a background image. For this, I am setting your stylesheet thus: mainWindow.setStyleSheet('background-image: url("./MyImage.png");')…
-
3
votes1
answer27
viewsAdd extra spacing between dots with text-Decoration-style: dotted;
Is there any way to add extra space between the dotted inserted with text-decoration-style: dotted? I own this anchor: .anchor { text-decoration: underline; text-decoration-style: dotted;…
-
3
votes1
answer55
viewsCSS transition ignored when the array order in v-for changes
I’m making a component where I can drag other components vertically. When one component passes the other they must change places (on the X axis). What happens is that the element I’m dragging…
-
3
votes1
answer225
viewsDrag and Drop : When dropping image inside another image it disappears
Good afternoon, I’m making a Drag and Drop code and when dropping an image into another image, it simply disappears In the example of this site the images are correctly one on top of the others…
-
3
votes1
answer88
viewsFill in the bar?
How do I so that when I open the site with this code, it already "fills" this bar and remains filled, without me having to stay with the mouse on top? div { width: 50px; height: 50px; background:…
-
3
votes1
answer551
viewsIs it better to change native Bootstrap classes or create subclasses and overwrite?
In the project I am studying/working I am making small adjustments in the native Bootstrap classes to meet my needs. 1: Is this really best practice? Or is it better to create our classes and…
-
3
votes1
answer79
viewsProblems with overlapping rotated elements
I wish I could rotate a div, and for that I used 'Transform', in CSS, but I would like a div to be superimposed. Here’s the code: #divgirada { width: 500px; height: 500px; background: red;…
-
3
votes1
answer294
viewsCSS recognizing Javascript variables within html, is it possible?
For example, I have a script that picks up mouse coordinates: function posicaoMouse(ev){ ev.preventDefault(); var x = ev.clientX; var y = ev.clientY; console.log(x); console.log(y); } And I would…
-
3
votes1
answer229
viewsBlack screen in youtube EMBED loop
I put a background video on the login screen of my page but when the video comes to an end it stays with the black screen for 3 seconds until restarting the video as I do for it to do it instantly ?…
-
3
votes3
answers306
viewsHow to remove internal dashes from a <SELECT> in Firefox
Once again I just realized that Firefox is putting "additional stylings" in my inputs. This time, in the <select>, when I click on it to select an option, there is always an internal dashed:…
-
3
votes1
answer86
viewsDo not pull information on index only
Well I’ll try to explain it as best I can, I know it can be simple but at the same time I don’t know how I can do it... Let’s say in my Header I have a 'bar' that I would like to appear on all pages…
-
3
votes2
answers69
viewsGradient diagonally in a circle
I have to make a circle in CSS, where your background has two colors diagonally. Image-wise: What I managed to do with CSS: .cor1 { width: 29px; height: 29px; text-align: center; float: left;…
cssasked 7 years ago Felipe Viero Goulart 3,693 -
3
votes3
answers4171
viewsHow to put columns of a table all the same size?
Temperature Precipitation Wind Atmospheric Pressure Second Tuesday Fourth Fifth Sixth Saturday Domingo What I wanted was to get all the columns to be the same size regardless of the name of the day…
-
3
votes2
answers67
viewsIncorrect centering of button
I have a button within a div which I cannot center on. By means of margin-left I can do this, but to treat the same in the responsiveness is very massante. Code of button together with the div:…
-
3
votes1
answer32
viewsLine changes color when value is false
I have a list of users and each user can be inactivated or activated. I would like the user when 'false' (disabled) to change the color to gray. HTML: <tbody> <tr *ngFor="let user of users"…
-
3
votes1
answer451
viewsbootstrap or grid-template
Speak guys, I would like to know what is more recommended to use on a site: Bootstrap, Grid-template or flexbox. I have this doubt because when looking at the websites that used Bootstrap the code…
-
3
votes1
answer309
viewsBootstrap split cells with same spacing
Good evening, I’m trying to make a bootstrap table with 7 columns, but I need them to have the same spacing.. I am using because with the structure of col-Md, Sm, Xl... I did not see 7 as a prime…
-
3
votes3
answers1292
viewsHow can I manipulate CSS from parent element to clicked element?
I need to change my code so that when I click on a div, the parent div changes its css. For example I click on an input inside the div, and the parent div changes its css. I have the following code:…
-
3
votes2
answers289
viewsbox-shadow:inset property does not work in <img>
I was testing the property box-shadow to make a gallery and realized that the tag <img> does not accept the box-shadow:inset... but accepts the box-shadow normal. However if I put the…
-
3
votes1
answer277
viewsSelect Checkbox and maintain CSS styling
Dear ones, I have stylized my checkbox, but I would like to be able to select more than one option while maintaining the style of CSS which I created.Only due to my CSS rule, this is selecting only…
-
3
votes1
answer742
viewsCSS how to make blink icon go and back?
Hello I want a help in this CSS code I want that when the person hovers over the ngç, the icon (image ex:heart) appears and when mouse leaves that place the icon (image ex:heart) sum, I tried…
cssasked 6 years, 11 months ago Megatorial 31 -
3
votes2
answers135
viewsAlign two Ivs vertically after using float in one of them
I am creating a footer for an html page. It is very simple and composed of a SINGLE line. I would like one part, which contains Copy information, to be aligned to the left margin and another, which…
cssasked 6 years, 11 months ago user99005 -
3
votes2
answers507
viewsHow to make a div Scale without changing the child elements?
How do I make the content opacity and size within paragraphs not change when the transition occurs?! #quadrados{ padding-top: 2vw; overflow: hidden; width: 100%; height: 30.5vw;…
-
3
votes1
answer239
viewsLinks and images menu with float
I tried to create a menu with html and css without any framework, I used float:left to place the image with the logo on the left and rest of the images that are anchors should be on the right but…
-
3
votes2
answers323
viewsSub-menu some when taking Javascript mouse
I’m developing a web application and when I hover over Sign in/Register it shows me a submenu with some links, but when I go to one of the submenu links,the submenu disappears, how can I solve this…
-
3
votes2
answers9335
viewsApply watermark without affecting text
I put an image inside a table representing the watermark, but when adding opacity in the table all content is affected. Follows CSS: table{…
-
3
votes1
answer435
viewsWith flexbox, center list aligning items on the left
I’m using Bootstrap 4 as documentation (https://getbootstrap.com/docs/4.0/utilities/flex/). Using the class Justify-content-center I have the following result: My div is with the classes: d-flex…
-
3
votes1
answer563
viewsHow does the browser read and interpret css?
I’m starting in this world of the Front and I read that the browser reads and interprets the css right-to-left. But how he reads and interprets when there is the cascade of classes, as in this…
-
3
votes3
answers1543
viewsWhy "html, body" and not just "body" to delete the page margins?
When you want to delete the default page margins I always see the following CSS code: html, body{ margin: 0; padding: 0; } Why use html, body just using body which is the body page already solves?…
-
3
votes3
answers745
viewsHow to put link border without increasing menu size
I have a menu, and wanted to put the mouse on top the link had a border, I managed to put, but the problem is that it increases the size of the menu when the border appears, how to avoid this ?…
cssasked 6 years, 9 months ago Igor Oliveira 1,110 -
3
votes1
answer1072
viewsTransparenet beveled edge with css only
There is a simple way to make a beveled edge with CSS only, but transparent. No need for svg, png, etc? Look what I’ve done so far: https://jsfiddle.net/Cafardo/zn5oysqy/5/ .home_fundo{ width:…
-
3
votes1
answer603
viewsIs it possible to change CSS from an iframe?
I got the following iframe embedded Google Calendar: <iframe…