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
-
1
votes1
answer62
viewsBox does not float left(float:left does not work)
so guys, I’m starting to study html and css, I’m trying to make a page with a side menu with the homescreen next to it, but the homescreen box doesn’t go up to the side of the menu bar, I don’t know…
-
1
votes2
answers401
viewsSorted lists under another Bootstrap
I have the following menu: How could I make it that way: Importação | Exportação | Curso de Instrutor | Assessoria Jurídica ------------------------- (aqui seria uma linha (hr)) Vendas | Consultores…
-
1
votes1
answer33
viewsPress 3 box at a time by clicking the button
$(".box-hidden").slice(0, 3).show(); $("#loadMore").on('click', function (e) { e.preventDefault(); $(…
-
1
votes1
answer79
viewsIs it possible to do Functions with SASS?
I am developing my CSS classes with SASS and I realized that I use many times Media Query (@media) to create behaviors in a certain resolution. %display-none-mobile{ @media (max-width:992px){…
-
1
votes1
answer73
viewsHow to make CSS a Linear-Gradient that has PX values and % at the same time?
I have a situation which is this, I have a linear-gradiente in one element, but I want the first and last part of that gradient to have 100px of one color, and the middle of it to always be 100%…
-
1
votes2
answers584
viewsTransparent dropdown with bootstrap 4
Good morning, I have a dropdown menu (code below, which uses bootstrap, how do I make the background transparent, since by default it is white ? Which CSS attribute do I move ? <html>…
-
1
votes1
answer25
viewsOpen dropdown without it being a daughter tag
Good morning guys, I could create a dropdown without it needing to be a daughter tag? I’ll explain with code. We usually do this: .menu-dropdown {display: none;list-style: none;} .menu:hover…
-
1
votes1
answer131
viewsCSS customization with jQuery
I’m in a site development and needed a help on a matter: I’m making 6 cards with a few titles and when I click on a card, it makes a request Ajax looks for some service information just below the…
-
1
votes0
answers35
viewsjQuery does not capture custom radiobutton clicked (click)
I have a simple HTML that <input name="chave_binaria" type="radio" id="radio_39" value="1" class="with-gap radio-col-green" checked> <label for="radio_39">Esquerda</label>…
-
1
votes1
answer62
viewsHandling height in percentage [HTML/CSS]
good evening. I am learning technology for front-end programming and came across a program when setting the page size in percentage. I have a DIV and inside these DIV I have two more, getting like…
-
1
votes1
answer818
viewsBoostrap overwriting CSS. How to avoid?
I took a CSS ready template from the internet to choose a payment method for my site. Below is the link to it. https://codepen.io/cusx/pen/aNqQdQ However, when importing the header and footer (I am…
-
1
votes1
answer519
viewsCSS Effect: Floating label in Form does not work without required attribute
I’m using the floating effect on a form to move the label when the user clicks input or select. The problem is that the resource only works if the attribute required is present. This is a problem…
-
1
votes1
answer86
viewsChild elements receiving opacity even with use of rgba
How can I apply a different opacity to a child element. In the example below is working correctly, but the same code does not work with: Chrome Version 71.0.3578.80 Firefox Quantum 63.0. body {…
-
1
votes1
answer59
viewsinline display does not work!
I’d like to keep it that way: But it just stays that way: Css code: .ro{ text-align: center; display: inline; } Php code: <div class="ro"> <div class="col-4 text-center">…
cssasked 5 years, 11 months ago user132420 -
1
votes2
answers85
viewsText-align right, table
I’m having a little trouble with my td I want to position the letters next to the image..., equal to the right but it does not follow the command of the text-align: right; .pvsp { width: 335px;…
-
1
votes0
answers33
viewsHow to open an article in a new page with a size that does not occupy 100%?
Man article is being displayed in a call on the index page, I would like it to open in a new page but with a width that is not 100%. <article id="tres" class="caixa caixa2 sombra"> <img…
-
1
votes2
answers65
viewsHow to change text type in a list with Jquery?
How can I make an effect on the text inside the lists with Jquery? For example, when the mouse hovers over the text in the lists, the color becomes lighter and the text is underlined. p {…
-
1
votes1
answer70
viewsHow to take the white background when selecting logins saved on the login page
Good night, you guys! I’ve got a question I can’t solve on my own. On my login screen, when I type in the login, the input background continues the way I’ve styled it. But when I select a saved…
-
1
votes1
answer277
viewsCSS - Position: relative; VS Position: Absolute;
Good evening guys I’m having a problem in a matter of leaving my site Responsive. What happens is the following... I have my menu, which contains 2 LI "ADD VALUE" , "ROUTINE". And I want to make…
-
1
votes1
answer31
viewsImage change as the form field is chosen
I want when I select, for example, the option Ches replaces where it is NOME automatically in HTML. .goleiro-1 { height: 70px; width: 70px; background-color: #fff; border-radius: 50%; box-shadow: 0…
-
1
votes1
answer110
viewsFile type input with split() function returns with comma
I am recovering the returned file from a input of the kind file of a form and he returns C:\\fakepath\\nomedoarquivo.extensão so far so good, then I applied a split() and he returns the following:…
-
1
votes1
answer507
viewsNavbar disappearing at lower resolution
I’m putting together a project with Bootstrap but I am facing some problems, one of them is the navbar disappearing when the resolution decreases. The other is I can’t write a title right in the…
-
1
votes1
answer281
viewsPosition font-awesome next to text
I have some arrows that need to be positioned next to the text, but not next to it. Next to it like this. But I don’t know how to position them there, at the moment I’m putting them inside the p and…
-
1
votes3
answers650
viewsHow to pull Header over the top of a DIV?
How do I touch the header to the top of the div, and when the div is scrolled in auto, it doesn’t fix the header when scrolling down? Because when I put the header position in center, it is…
-
1
votes1
answer118
viewsHow to put this form below the header?
I’m starting now to study HTML, someone knows how to put the form I created below Header? h1 { text-align: center; } /* caixa header */ .headerbox { padding: 30px; background: blue; color: white;…
-
1
votes1
answer70
viewsHow to solve the square problem when dragged by the mouse cursor?
When the mouse movement is fast it ends up leaving the square and so the square does not move together with the mouse, I would like to know a solution so that the square always accompanies the mouse…
-
1
votes1
answer493
viewsTurn card to Carousel when resolution decreases
I have the following card system made with bootstrap 4, each occupying 4 columns. But I need that when they go to the mobile they see a Carousel, I’m trying to use the Owl Carousel, but I need it to…
css twitter-bootstrap responsive-layout owl-carouselasked 5 years, 11 months ago Guilherme Rigotti 1,087 -
1
votes0
answers43
viewsHelp with duplicating content
I’m duplicating a div with content that is filled via a form on the same page, but when it duplicates the functions in jQuery do not work in this new div that was duplicated, the functions continue…
-
1
votes0
answers225
viewsClear space between the Menu with div class navbar and a responsive Html table
I have a table html responsible for displaying system content to the user and the problem is that there is a space that persists between the Menu higher (which is a div class="navbar") and that…
-
1
votes1
answer129
viewsMake the tooltip visible without being in the Hover
I want the tooltip appear as soon as you load the page, other than by the effect of hover. [class*="tooltip"]{ position:relative; text-decoration:none; }…
-
1
votes1
answer1786
viewsWhy does my border-image not respect the border-Radius?
I’m wearing a linear-gradient as border-imagem in an element, but thus the edge does not respect the border-radius that I placed and does not realize the curvature in the vertices. I’d like it to…
-
1
votes1
answer232
viewsChange site background with script according to time of day
I have this script that changes the background color of the site as the page is updated. <script> function random_bg_color() { var x = Math.floor(Math.random() * 256); var y =…
-
1
votes1
answer40
viewsSet the margin side with jQuery
How can I get jQuery to define the side of margin to avoid the problem in the image? $('.case .show-opt').on('click', function(){…
-
1
votes1
answer55
viewsHow to fill in "spare spaces"
Good afternoon, I am developing a site, and in it is having a problem of a div with 100% width and height, Absolute position. The problem is that div is not fully filling her space. While doing some…
-
1
votes2
answers35
viewscentering dynamically
Well I have the following code I’m putting together: .pg { width: 100%; } .pg>.produto { width: 250px; height: 300px; position: relative; float: left; margin: 10px; background: #ccc; border: 1px…
-
1
votes1
answer788
viewsHow to customize materialize css?
I am beginner in materialize. I have a Nav bar, in which the color of the link is Gray. I want to edit the Hover so that by hovering the mouse over only change the color of the link to blue, can…
-
1
votes3
answers1706
viewsHow do I pass the time from one div to another?
I have this problem: the text is responsive, but how do I make the red divide the same size as the gray div next to it, as I decrease and enlarge the screen? There is a solution with CSS or with JS?…
-
1
votes1
answer255
viewsDisplay Flex property does not work on Firefox
I am developing a website and using a lot of display: flex. The problem is that I went to open the site in the Firefox browser and realized that it does not apply this property. I even looked in…
-
1
votes4
answers307
viewsDiv hover change color in other elements
Something that seems simple, I need to change the color of the text of an H2 and a div, in the Hover of another div. https://codepen.io/sNniffer/pen/jXdbeE .icone_verde { background:green;…
-
1
votes2
answers412
viewsProblem when leaving the width of the automatic textarea
Save everyone, I’m having trouble letting the width of a textarea track the line size, since its initial size does not currently expand. My goal is to let the textarea only increase width as the…
-
1
votes1
answer254
viewsChange width icon dimensions
Good afternoon, on a site I am developing I need to put as the style of the list icon cluttered as an image, but because it is too big I would just like to decrease its width. I tried here but I…
-
1
votes1
answer46
viewsHow to fix a CSS animation error
I’m developing a website and created some pits. The problem is that when I roll the page up and it’s only half the box box appearing, if I hover over the first and last element, the animation Buga…
-
1
votes0
answers50
viewsHow to make elements automatically adjust?
So I have this button screen: These buttons, when clicked, redirect the user to email, maps, phone, finally... When the user DOES NOT have one of these data, logically, tbm will not have the button,…
-
1
votes1
answer28
viewsAlign Divs according to class
I have a div father with several divs son inside. And I would like the Divs with the blue class to be on the right and the white class to be on the left. But next to each other, as in a row. Setting…
cssasked 5 years, 10 months ago Pedro Augusto 2,392 -
1
votes1
answer90
viewsAlign element vertically below Navbar
I have a page that I’m going to split into two columns. The right column should be aligned both vertically and horizontally and cannot create a scroll bar. I managed to do this, but as there is a…
-
1
votes1
answer89
viewsHow to apply saved CSS code within an array using Angularjs?
I am making a web game with different levels and need to change the style of a div using a code saved within an array in Angularjs. In addition, the game has a split on the screen, where in one half…
-
1
votes1
answer56
viewsCreate "border" in div that does not pass through text
I put the edge in quotation mark, because I don’t know if it’s really edge the name of it. I’d like to make that: Stay that way: In the case with the border passing through the text, without getting…
-
1
votes1
answer223
viewsHow to style the fieldset tag using id attribute?
I’m trying to put a {background-color: aqua;} on the tag fieldset, using id="003" and addressing the style to the external file .CSS. But no change is happening. When I write to the HTML file:…
-
1
votes1
answer641
viewsPosition of the button in Bootstrap
I’m starting with the bootstrap and I made this code for the site q I’m doing in Django {% load static %} {% include 'links-css.html' %} <link rel="stylesheet" href="{% static 'scrapy/style.css'…
-
1
votes1
answer267
viewsHow to transform the width of an 'infinite' div?
I’m creating an application with multiple columns, each column with multiple labels. On the screen fit approximately 5 columns, at most, after that they start again under the others, like this.…