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
-
0
votes1
answer41
viewsElements are not well responsive and functional in bootstrap
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"…
-
0
votes1
answer237
viewsBurger menu closes when I click on a dropdown inside it
I have a menu that when opened on mobile turns the responsive burger menu. Inside it I need to have a dropdown link that will display another submenu. So far so good, the problem is that every time…
-
0
votes1
answer609
viewsTable with class table-Striped does not change line color
Good evening everyone, I am trying to change the color of a row in a table with the table-Striped (zebrad) class, but it seems that the table-Striped rule overrides my rule: tr…
-
0
votes3
answers479
viewsQuestion how to link between css and html
I’m a beginner in this area, so I think it’s a stupid problem, but I’m not able to create a link between my html file and css, as taught in the following class (follow the video link…
-
0
votes1
answer35
viewsBootstrap application in ASP.NET Core 2
Good morning, I have an application in ASP.NET Core 2 where I use the latest version of Bootstrap(4.3.1), I took some codes in the documentation but when I put them in my HTML they always appear…
-
0
votes1
answer46
viewsSPANS do not rotate with Rotate and direction inside the LI
I got the following código down below: ul { width: 802px; list-style: none; border: .1px #000 solid; padding: 0; } ul#tabela { height: 200px; } ul#retornos { height: 30px; } ul li { height: 100%;…
cssasked 5 years, 8 months ago Carlos Rocha 1 -
0
votes1
answer47
viewsPlace Content Article Horizontal
Good morning, I would like an idea to create a css style that organizes my tag <Article> containing Img and Divs horizontal position in larger resolutions. Follow my full code and css. /**…
-
0
votes3
answers113
viewsBackground CSS/HTML
Isn’t there any way to stretch the brackground to occupy the entire web? The photo I’m using has the following resolution :1024 640. When I put it as background it gets a white bar on the right. Is…
-
0
votes1
answer36
viewsCreate new "panel" dynamically with php and mysql
I am developing a hotel system and I want to represent each apartment registered in the system with a panel containing information, that is, for each apartment the system generates a new panel that…
-
0
votes0
answers75
viewsTransitions and page update
I’m learning css now through websites and courses. When I create an element and want to make Hover in it, I put Transition in the element. The question is: When I refresh my page (F5), the element…
-
0
votes1
answer68
viewsI cannot keep fixed size in the cells of a table
Good, I’m making a table and filling it with values received from a database. The problem is that the size of the cells adapts to the value of their contents instead of keeping the value I set for…
-
0
votes1
answer1424
viewsBootstrap - Overlay Div
I have a doubt and I would like your help, I already researched a lot and did not find a solution. I’m trying to position a div over a div. I found some ways to do this on the internet, however, I…
-
0
votes2
answers935
viewsLeave form fields aligned and of the same size
I want to keep these two elements aligned and of the same size. Note that I have already left the two with the same size and nothing: <!DOCTYPE html> <html lang="pt-br"> <head>…
-
0
votes1
answer232
viewsHow to use more than one modal bootstrap on a single web page
Guys, I’m learning to use Bootstrap 4 and I was wondering if it’s possible and if so, how to use more than one modal on a page? wanted to use 3 modals on the msm page, or even more, however, even…
-
0
votes1
answer919
viewsHow to make a DIV occupy the right space?
Good evening, I’m mounting the layout of a learning project of mine, I need to make the div occupy the space equal to blue image below My code is this:: My HTML and CSS are below: @import…
-
0
votes0
answers19
viewsMerge spans with display::inline-block equal as with float:left
div.dropdown { position: relative; display: inline-block; background-color: #CCC; margin: 0; padding: 0; } div.dropdown span { display: block; width: 200px; height: 30px; line-height: 30px;…
-
0
votes1
answer819
viewsFix div below Navbar - Bootstrap 4
I’m trying to fix a div with a title, below a fixed navbar at the top of the screen. Below is my attempt and example that does not work: <body> <header class="sticky-top"> <nav…
-
0
votes0
answers88
viewsHow to position Popover correctly (Ionic3)
I need to position my Popover exactly next to the button (more) you have inside each item. Whenever I click the more button, the Popover is triggered, but it is always in the same position…
-
0
votes1
answer111
viewsButton does not appear
a { color: #fff; text-decoration: none; background-color: #007bff; padding: 10px; display: block; width: 250px; border-radius: 4px; -webkit-text-decoration-skip: objects; } a:hover{…
-
0
votes2
answers316
viewsAdd title next to your corresponding image
I’m learning HTML and CSS and I’m making a site to practice and I’m having a doubt. I want to put the title of the images next to each other. "The best Cookie’s" on the side right of the…
-
0
votes1
answer88
viewsButton Does not answer Javascript command
I have a page that provides a coupon. Ah an image informing that it should be clicked, and when clicking it was for the same copy the text informed in the code. But after I added the pop-up, it’s…
-
0
votes5
answers217
viewsOverflow of text in flex elements
Hello, I have a problem with making the content I have inside the div with the class "box-center" inside the div Pai "wrapper". Someone can tell me compo I can solve the problem, I’ve tried the…
-
0
votes1
answer26
viewsRow Striped does not work properly on my *ngFor
I’m trying to apply an effect of row stripped on the lines of a *ngFor but apparently it is being applied in all my Rows. I tried something like: HTML <div class="row ml-4" *ngIf="visivel">…
-
0
votes0
answers38
viewsPage Print not centralized
I am facing a small problem by clicking on "Submit" button to print a particular page, but it is not centralized in windows operating system browser. Follow the wrong and wrong printscreen(the…
-
0
votes0
answers40
viewsAdd dollar sign and complete value that was consumed by an API
I have following problem my page, I would like to show up R$ and that the amount was completed. I have the following HTML: <!-- <INICIO CARDS> --> <div class="primeira-card">…
-
0
votes1
answer151
viewsImage gallery with wide open image and side thumbnails
Guys, I developed this layout, follow the code and an example image: <div class="col-xl-6 pr-0 d-flex align-items-center"> <div class="col-xl-3" style="float:left;"> <div…
-
0
votes2
answers369
viewsCenter an element with position Absolute
I’m trying to center a button on my card. I’d like to get that result: need to be with position Absolute because the other cards sometimes have larger description and the "See details" button gets…
-
0
votes0
answers88
viewsWhen calling Modal, screen is displayed and disappears and the execution continues
The idea of Modal is a screen that is displayed and the screen below is disabled and the execution of the program only follows after closing the Modal. With me it looks like this. Modal is displayed…
-
0
votes1
answer639
viewsUse position Absolute to always leave element at the bottom but without overlapping another element
Currently I have a sidenav made with Angular Material. I have a list with menu and submenus, and at the end I have a logo. My problem is that when all the menus inside my sidenav are opened, they…
-
0
votes1
answer11633
viewsIncrease input size
Does anyone know how I increase the size of the input below ? <td> <div class="input-group"> <span class="input-group-addon">R$</span> <input type="number"…
-
0
votes1
answer319
viewsButton fixed to the side of a container
I have a container and inside I have columns that have cards inside. I need my button to be fixed to the right of the cards, but you should only follow the scroll of the screen in this container. My…
-
0
votes1
answer806
viewsJavascript transition with css
Hello, Good Night! I am developing a web site, and watching a video class I managed to create a slide in Javascript, only I need it to pass with a slower Transition because it is very fast passed…
-
0
votes1
answer38
viewsWhen the person chooses something in select display an image on the form side
I am making a form in which the user will choose a background image, I wanted that when she chooses this image in select to display on the side or below a thumbnail of it, searched a lot on the…
-
0
votes1
answer30
viewsHelp with Z-index in 3 elements
I have a related problem that div will appear on top of each other. When I hover over some icon, I want the icon to turn blue and a message (stuck to the icon) will appear showing what that image…
-
0
votes1
answer183
viewsLegend in form-group bootstrap
Does anyone know how to leave the form caption below within the border line ? That is, I would like the legend to be within the outline line of the form. <legend>Filtro por data</legend>…
-
0
votes1
answer85
viewsCSS does not apply 100%
Good evening, I’m using CSS to style a menu vertically, but when I try to apply 100% height it doesn’t match html code <div class="menu-principal"> <ul class="nav flex-column"> <li…
-
0
votes2
answers483
viewsHow do I use javascript to make one div visible and hide another?
Hello, I have 3 div’s: one that works as a button and two other as a color box. I need you to click on div that works as a button to div COLOUR 2 close and the COLOUR 1 be visible. This one works as…
-
0
votes1
answer999
viewsFieldset and Legend with bootstrap
I have a div that after placing a fieldset and a Legend, it has decreased in size. I need you to stay like this: ::ng-deep .dx-datagrid-headers .dx-datagrid-content { margin-bottom: -1px;…
-
0
votes1
answer79
views -
0
votes1
answer1113
viewsHow to change the CSS of Datepicker?
Watch the image; This is my HTML; <input class="form-control date-picker" placeholder="Data Início"> And this is my Javascript code; $(function() { $('.date-picker').datepicker( { changeMonth:…
-
0
votes1
answer98
viewsHow to create a variable array with scss in VS community
Good morning, I have a project on Ionic and in it I can configure a series of variables $colors: ( /*-CINZA: */ cinza1: #595959, cinza2: #7F7F7F, cinza3: #A5A5A5, cinza4: #CBCBCB, cinza5: #F1F1F1,…
-
0
votes0
answers82
viewsGET file://C:/Users/Diego/Documents/Jquery/Game%20da%20Velha/o. png net::ERR_FILE_NOT_FOUND
I have Mum problem to solve in my code where is appearing the following error :ERR_FILE_NOT_FOUND what can be ? I’m trying to create the old game var vez = 'o'; function atualizarPlacar(){ if (vez…
-
0
votes1
answer178
viewsProblems when clicking an input
Good afternoon, Sometimes I can’t click an input from a form to fill it out but in others the form works normally without any problem. This happens sporadically and, as a rule, happens to me in…
-
0
votes0
answers17
viewsMenu accompanies content on screen scrolling
In OLX has a menu on the left side that after certain scrolling the same accompanies the content: https://pr.olx.com.br/roupas-e-calcados/calcas?cond=1 The current HTML developed with…
-
0
votes1
answer49
viewsPosition elements in the horizontal
I have the following piece of code, but all the elements come one at the bottom of the other, I would like them to come next to each other, it is possible without having to touch the position of…
-
0
votes2
answers234
viewsMargin-top does not push div down
I am trying to apply a margin on a div and in no way works. I have my HTML: <div class="side-menu-user-infos"> <div class="side-menu-user-photo"> <img…
-
0
votes2
answers67
viewsHow to overwrite an image using text that is not clickable?
all right? Well, I come across this topic to ask you the following: I need to create a way to overlay a text on an image, but I want the image to be a clickable item! That is, I want the text to…
-
0
votes1
answer119
views@media only screen and [does not work! ]
all right? Well, I come to you through this topic to ask you the following question: I have a website from which I am developing the CSS process of it. And of course, to get into it, I decided to…
cssasked 5 years, 7 months ago Caio Cesar 41 -
0
votes2
answers87
viewsas I arrange the "Menu getting under the slide"
personal where I am erring :/ ... ? @import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates'); h2{ font-family: 'Montserrat Alternates', sans-serif; } @import…
-
0
votes1
answer127
viewsHow to set navbar width
Guys, I’m developing a Menu with Submenus, but I can’t set a width for the navbar so it stays in the screen size! '<style type="text/css"> /*Configurações Padrões*/ ul.menu, .menu li, .menu a{…