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
votes3
answers320
viewsRadio alignment with image
I’m trying to center a radio item - a selection "ball" with an image. But I’ve tried several resources using CSS and I’m not getting it. You know what feature I can use to achieve this alignment?…
-
2
votes2
answers14038
views -
2
votes2
answers2428
viewsAnchor Link, how to let it open at a certain page position
Next, I’m using a page with anchor in "tabs", but when I click on the link inside the ABA it opens right more pulls to the TOP of the page the corresponding id, and so harms the MENU that is fixed…
-
2
votes1
answer33
viewsDecentralized Sub Menu - according to browser, I don’t know where I’m going wrong
/*Sub-Menu*/ .menu.superior .nivel-dois, .menu.superior .nivel-dois, .menu.superior .nivel-um li:hover .nivel-dois{ display: contents; position:absolute; } .pagina-login .menu.superior,…
-
2
votes3
answers893
views100% effect on Carousel
I’m needing to put an overlay effect over a bootstrap Carousel, but it takes all the same height. Clarifying better ... the first time I worked in this style - not in this excerpt I sent - through…
-
2
votes2
answers210
viewsDiv does not respect image limit in css
I’m trying to get new ones divs in my html however they end up leaving the area of the image and I’m not able to leave them fixed inside the image just walking through the scroll bar, how do I move…
-
2
votes1
answer26
viewsSynchronize the animation of the elements when inserting into the DOM
It is possible to insert an animated element in the DOM synchronized? i.e., when inserting the current state is maintained and not reset as in the example below... function add() { let ctn =…
-
2
votes2
answers146
viewsMaterialize 1.0.0-beta (CSS Transitions)
I am new in front end in general, I have basic knowledge of html and css, I would like to use the materialize and understand this function here. http://materializecss.com/css-transitions.html…
-
2
votes1
answer2534
viewsBackground with gradient and undulations
I wonder if it is possible to create the image effect below using CSS. Make the gradient is quiet, but I’m having trouble making the ripples. #teste { width: 100%; height: 300px; background-image:…
-
2
votes1
answer532
viewsProblem with background-image accessing from google browser Chrome on mobile
I’m having problem with my background image on my page but only accessing from mobile by Chrome or mobile default browser, Mozilla Firefox phone works perfectly. body{ background-image:…
-
2
votes1
answer1324
viewsCrop css image
I wanted to finish cutting the image in css completely and remove all edges, but I can only cut at the bottom and right side. I wanted to know how I could do to cut through, here’s the code I’m…
-
2
votes1
answer1062
viewsHow to put responsive menu to overwrite
Hello, how do I put this responsive menu to appear in front? <header class="box-header"> <div class="box-topo"> <a href="<?php echo base_url();…
-
2
votes1
answer124
viewsRetractable menu that does not close
I have a retractable menu, but I can only make it open, but not close. I need it to close when clicking anywhere on the screen outside the menu. I know html and css. Javascript I’m having contact…
-
2
votes1
answer49
viewsA . CSS for "Above the Fold" and another . CSS for "Below the fold" - Is it worth it?
In terms of performance and maintainability it would be interesting to have 2 files css on the page, one for the content that appears before the fold and one for the content that appears after the…
-
2
votes1
answer446
viewshow to make the div that this width auto does not catch 100% of the parent div
I’m doing a mini chat, I’m having trouble when styling user conversations, my goal is to make the div that will show the conversations does not get larger than your content, ie if the user only…
-
2
votes1
answer27
viewsMouse eventlistener does not work
I took this example below the book "Eloquent Javascript" 2nd edition in Portuguese pg.184. The goal is to draw dots on the screen using clicks: every time the mouse is clicked, a blue dot is created…
-
2
votes2
answers788
viewsKnow when you hear changes in DIV with Javascript
Hello, good morning. I need to compare a change in DIV1’s daughters to make a notification. This way I did may not be the best, I’m still learning. <div class="div1"> <div class="filha">…
-
2
votes1
answer85
viewsPadding reducing the image
I have an image with a background worked, in this image I’m giving padding equal 140px, but instead of the image increase the padding, and consequently, get a bigger box, the image is reducing,…
-
2
votes3
answers478
viewsHow to center a text in the middle of the page?
I’m using bootstrap 3. I want to center a text as the example below. @import url('https://fonts.googleapis.com/css?family=Anton|Black+Han+Sans|Open+Sans+Condensed:300'); /* font-family: 'Black Han…
-
2
votes2
answers109
viewsPlaceholder color does not change when mouse is over it in another theme
I have the following research box placeholder is customized even in the hover, however when I switch to the high contrast mode of the site, it does not change the color of the placeholder when in…
-
2
votes2
answers124
viewsli’s up and down one after one
So I have this ul HTML <div class="atividades"> <ul> <li">Agência Funerária</li> <li>Funerais</li> <li>Cremações</li>…
-
2
votes1
answer507
viewsHow to 'flip" chart of Google Charts?
I have the following chart that Gero using Google Charts: google.charts.load('current', {packages: ['corechart', 'bar']}); google.charts.setOnLoadCallback(drawStacked); function drawStacked() { var…
-
2
votes2
answers89
viewsdoubts to style an active link
i have 3 links the home that is first already be with class="active" as do for when I click on the next link the same is active with class="active" and disable the others. .navbar-menu { display:…
-
2
votes2
answers280
viewsHover in html and css navigation
Good people, here’s the thing, I’ve been after it for a while. I’ve been trying to box around the links in hover, this box will have a shadow and rounded corners, someone can help me? Thanks in…
-
2
votes1
answer291
viewsHow to adjust image inside the border?
How to adjust this image inside the border, in HTML 5. HTML <figure class="foto-legenda"> <img src="_imagens/coz21web.jpg" width="830"> <figcaption> <h3>Marcenaria…
-
2
votes1
answer493
viewsLink with Anchor
I’m making a website and I have a link that, in addition to sending a message when it is clicked, uses an anchor to put the section of the site in the spotlight. I’m doing it this way: <a…
-
2
votes1
answer1753
viewsProblem aligning navbar on the right
Hello, I’m new to css and I’m having problems trying to align my buttons navbar on the right; so that I can put a logo on the left. Here is my code! .menu, .menu ul li { margin: 0; padding: 0; }…
-
2
votes1
answer35
viewsNavbar with higher margin when adding position:Bsolute; in a text
Good morning, everyone. When I change the position of the text to the top of the site to position:absolute; My Nav bar gets a slight margin at the top. how can I fix this ? var TxtType =…
-
2
votes1
answer849
viewsDiv on top of image
I’m trying to put a div on top of the image, this div will be a white container with a certain height and width, inside that container, will contain a title and a paragraph. Below I leave you the…
-
2
votes2
answers844
viewsButton that changes the site color
I am trying to make on my website a button that is Sticky, by clicking on that button, it makes a Collapse right and shows a container with a certain number of colors available for the user to…
-
2
votes2
answers2550
viewsProblem implementing icone from font awesome by css
I have a problem loading my font via css I’m using the font awesome 5 I’m implementing the icons via content in the css but the icon I want to use is not working this would be the link of the icon I…
-
2
votes1
answer1082
viewsHow to make a div expand even if there are others below
Good people, I would like to make the div expand by clicking on it, and the other Divs decrease, vice versa with the others *{ margin: 0; padding: 0; } .divsCards{ position: relative; width: 420px;…
-
2
votes1
answer994
viewsput one div inside another!
I have a div and I need to put two Ivs inside of it,the problem is that the div in which the others will be inserted,is not tall enough for that. How can I make this position? follow the codes…
-
2
votes3
answers1130
viewsBreak line after IMG with CSS
I’m making the mobile version of a website, but I can’t force a line break after an image that sits inside a modal. This is the stretch that matters in the modal: <div class="modal-content">…
cssasked 6 years, 6 months ago Otavio Souza Rocha 545 -
2
votes2
answers495
viewsPosition div relative to an image
I’m making a kind of map in my application, where an image that grabs the whole screen has several buttons on it. At the moment, I position the buttons this way: .btn_padaria{ left: 75.00%; top:…
-
2
votes1
answer67
viewsOverlap alignment of Divs!
I have a widget that I will insert images,e dentro desse widget tenho uma div e outra div detro dela onde serão inseridas as imagens, e mais duas Divs onde ficou um titulo e uma imformação abaixo…
-
2
votes3
answers2792
viewsClick the button and change the background color
Good afternoon, I am developing 1 game in Meteor, and for example when I click to choose the character wanted the background turns green, and if you choose another character the background would…
-
2
votes1
answer198
viewsText-Align of a Label only
On a ". cshtml" web page I have several Abels declaring the class horizontal form and the class control-label. By default, these classes align right in my project, ie.. implement the property…
-
2
votes2
answers57
viewsHover with picture
There was no way, the arrows of the slider of the project will have to be in png. Today I’m doing so (part of the code): .banner_home_inferior .owl-next { right: -6px; background:…
-
2
votes1
answer261
viewsContact form with textarea next to inputs
I want to put the contact form with the inputs on the left and the textarea on the right side as in the image below, I can do the expected result with the float:left but so my layout ends up…
-
2
votes1
answer142
viewsDo the parameters passed in the * selector (asterisk) override anything in the CSS?
Testing here, I saw that if I use a background-color in the * selector (asterisk), all the elements will have that background, further on, if I want to put a different backgroud-color, in a div for…
cssasked 6 years, 6 months ago Lucas de Carvalho 6,427 -
2
votes1
answer250
viewsError deploy Heroku app Django
After deploying to Heroku, I opened the link to my application (https://silima.herokuapp.com/), and it presented the following error: ProgrammingError at / relation "Produto" does not exist LINE 1:…
-
2
votes2
answers3109
viewsCenter text in header
Hello, everyone. I created a header with 100% screen size (independent of screen size) like this: header { background-image: url('img/background.jpg'); height: 100vh; width: 100%; } <header>…
-
2
votes1
answer197
viewsPosition Fixed for desktop version and position relative for mobile version, how to do in CSS?
I know it should be simple, but I’m in charge here, I have a div with ID called Login and I have to leave it as Fixed when the navigation is made of computers, so in the mobile version this div will…
-
2
votes2
answers56
viewsMake a DIV element stand as a footer
This is an example of what I’m trying to adjust: * { margin: 0; padding: 0; } html,body { height: 100%; } #topo { background: limegreen; position: static; left: 60px; top: 35px; width: 100%;…
-
2
votes1
answer814
viewsContent overwrites fixed menu when scrolling page
I’ve tried to put z-index: 2 in the <header></header>, but it didn’t work @charset "UTF-8"; body { display: flex; min-height: 100vh; width: 100%; margin: 0; padding: 0; align-items:…
-
2
votes1
answer66
viewsSmooth transition checkbox menu, without using "visibility:;" or "display:None;"
I have a small menu here, which has the use of overflow:Hidden; /max-height:; and height:; to make a smooth transition by clicking on the checkbox and displaying the subs-menus, however I am not…
-
2
votes1
answer35
viewsHow do I make that by clicking off a div it closes?
Good Night, well I’m doing some tests and I came across this problem, I’m a beginner in Js, and I managed to make the div appear by clicking on the "appear div" button, and I tried to make it…
-
2
votes2
answers109
viewsSet width of div containing paragraphe
I have a paragraph with a text inside .descBlog. I defined the width of that paragraph width: 300ch, but I want you to have a div superior with width: 300px. I would like it with the limitation of…
cssasked 6 years, 6 months ago Felipe Viero Goulart 3,693 -
2
votes2
answers75
viewsSlides, transitioning images with JS and radio, while leaning the mouse over the image pause the transition, while removing continue the transition
onload = start; function start(){ var i = 1; function Move(){ i = (i%3)+1; // 4 is the Number of image in slider document.getElementById('t'+i).checked = true; } setInterval(Move,3000); //change img…