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
votes5
answers7505
viewsHow to make the font size automatically fit the size of a div
Hi, I have a div of 300px for 300px, on it I leave a text that comes from a database, the problem is that there are times when the text inside the div exceeds the size of the same, leaving…
-
2
votes2
answers189
viewsAlways top image when receiving the Hover effect
I am developing a site with CSS and HTML, but I face a problem. I have a part of this site as a kind of gallery, and when an image gets hover, it gets bigger. The problem is that it stays under the…
-
2
votes2
answers899
viewsHow to remove waste on printing screens
How to create a CSS to remove waste as in the attached image. I’m wearing a bootstrap.…
-
2
votes1
answer111
viewscover the background with the Y axis
I was wondering if there’s any way the image of background-image use the property background-size:cover; following the vertical axis. .i-church{ background-image: url(../../img/icones/Church.png);…
-
2
votes1
answer73
viewsJquery if loop with css
$('#label-user').click(function(){ if ($('#label-user').style.display != 'none') { $('#label-user').css('display', 'none'); } }); good, the jquery can’t read the part $('#label-user').style.display…
-
2
votes1
answer61
views"Mask-image" property does not work in Firefox. Is there an alternative solution?
I am doing a project where I should apply a mask (PNG or SVG) on an image < img >. I’m using .svg-clipped { mask-image: url("../img/desktop_tds_hist.png") ; -webkit-mask-image:…
-
2
votes3
answers3943
viewsRemove "margin" of responsive website image by CSS
Good afternoon! I’m a beginner in web-based programming, and I’m having a hard time removing a space I call "margin" from the page’s background image, which is responsive with a width:100% (imagined…
-
2
votes1
answer54
viewspass from Jquery to CSS3
Some way to do this in CSS3? if(window.innerWidth <= 1000) { var ecra = window.innerWidth; $(".topo").css("height",ecra*0.293); } I tried to @media screen and (min-width: 0px) and…
-
2
votes1
answer1132
viewsHTML does not load font style located in remote folders
The archive index.html is in the localhost, but the font and the file .css is in a remote server: This is the source link: https://ssl-177586.kinghost.net/fonts/ProximaNovaBold.ttf What I’ve already…
-
2
votes1
answer1799
viewsHow to add a team (time counter) in Game
I got this little game in HTML + Javascript + CSS a while ago, I would like to implement in it a team at the top corner of the screen (anywhere) but I always end up bugging every game! Here the…
-
2
votes1
answer2436
viewsSwitch capital letters to lower case letters
I have a richfaces datatable component that returns a database record and this record comes with uppercase letters. Example: PAULO FERNANDES DA SILVA. There would be something I could do to edit…
-
2
votes5
answers10211
viewsSpacing between Bootstrap inputs
I wonder how I can add a spacing between the selects, for better understanding see the image down below: I tried with css: .col-md-4 {margin-bottom: 5px;} But it got weird, man code html currently…
-
2
votes2
answers257
viewsExtra margin appearing on elements with display input-block. How to resolve?
I have a problem with my css. I was working on a style to format some buttons. Everything went well. However, my buttons are with an extra margin showing up. That is, I have not set margin on my…
cssasked 8 years, 9 months ago Wallace Maxters 102,340 -
2
votes2
answers99
viewsHow to make a div have the dimension of an image and display it?
When declaring a div and importing an image as background-image, it is necessary that I declare the size(height and width) of the div. However, let’s say I have an image with the size…
-
2
votes1
answer176
viewsHow to limit text in columns with CSS?
I’m taking a text from the database: <p> texto um pouco curto </p> And displaying using Columns css in 3 parts, but would like to know if it is possible to block the text by only…
cssasked 8 years, 9 months ago Arsom Nolasco 1,367 -
2
votes1
answer189
viewsBest way to develop a flexbox grid?
I have doubts with the display:flex, thinking of a grid system as would be the container, row and the column. For example the container would have the property display:flex? And how to organize the…
-
2
votes1
answer653
viewsWhat are the advantages and disadvantages of using css preprocessors?
I’ve always heard developers talk about pre-processors, but I haven’t found articles on disadvantages and advantages yet. I also wondered if it’s better to use pure or pre-processed css.…
-
2
votes1
answer4141
viewsCSS font-Smoothing: antialiasied makes no difference?
It is possible in the late Fireworks cs6 (and by what I read in photoshop as well) to optimize font rendering. Searching to see was possible to apply this in the web pages vi that there are…
-
2
votes0
answers123
viewsNot all my class="posts" appear on the page
Hello! I am developing an app with Html5 to learn. I got a template ready using boostrap. I’m having a hard time getting it on one of my "pages", all the fields.. <ul class="posts"> <li…
-
2
votes2
answers179
viewsCSS3 Responsive Menu Dropdown are not working!
Well, I want to use this menu here http://codepen.io/emredenx/pen/ojcxl It does not work on blogger http://menuteste158.blogspot.com.br/ and I tried in several different templates too. I downloaded…
-
2
votes1
answer2009
viewscss for mobile only
Well I’m used to checking the css this way: @media only screen and (max-width: 920px) {} The problem is that has cell phones with very high resolution, there is some other way for me to check…
cssasked 7 years, 11 months ago Hugo Borges 5,294 -
2
votes1
answer1065
viewsHow to make a responsive list in CSS
Hi, I was wondering if anyone here knows how I do to leave a responsive list, I’ll explain, see image: Here’s what’s in the image will appear to all monitors, regardless of their resolution, as I…
-
2
votes1
answer17754
viewsHow to position a div in front of another
I tried it this way, but it didn’t work... keep the bottom one on top of the top one, when it should be the other way around. What I’m doing wrong? .funil{ text-align:center; } .funil_1 {…
-
2
votes1
answer241
viewsDisplay div elsewhere according to screen resolution
Could I give a different include for each resolution? Type... if the resolution(width) is greater than 768 I want to display 2 columns(grid_6 and grid_6), opening the text on the side, ok. but if it…
-
2
votes1
answer59
viewsIs it wrong to use the position attribute to position elements instead of the float?
Is it wrong to use the position attribute to position elements on the page instead of the float ? If so, why ?
-
2
votes1
answer2976
viewsHow to style a CHARTS in height, width and proportion?
There’s a day I’m trying to put a Charts.js on my website. It’s already there, but I can’t fashion it. Where should I change the width, height and ratio of the graph? As you can see in the image,…
-
2
votes2
answers996
viewsIs it wrong to use ! Import to override Bootstrap rules?
I’m recently studying Bootstrap and realized that I can, for example, edit the background of a .nav-bar using the !important in css. Is doing it that way wrong? Would I have any consequences on…
-
2
votes3
answers1261
viewsHow to make the background inside a div occupy the whole body
I want to place an image inside a div that occupies an entire body, that when you enlarge the screen with the mouse scroll, it continues following the size of the entire screen. Example of site with…
-
2
votes2
answers82
viewsProblem with browsers
I am new to web development and I have a problem that I believe is more basic, but it is causing me problems. When I change my CSS , JS or HTML and update the page in Chrome to analyze the site and…
-
2
votes1
answer958
viewsCSS file Only for a DIV, Is it possible?
Well, I’m probably going to take a negative vote on that question, so I’m going to try to explain as much as possible, ask you to try to understand and if you can’t, please ask. Situation I have a…
-
2
votes3
answers553
viewsNth-Child does not work
<div class="intro-frases" > <div class="row"> <div class="col-md-6"> <h1 data-segundos="4" class="frases pull-right" >TESTE 1</h1> </div> <div…
-
2
votes0
answers41
viewsRelative and Absolute Measures
In which cases should I use each type of measure? Considering that today should develop always focused on the responsive, how to decide which type I will use? Ex.: rem, em, ch, px, %...
-
2
votes4
answers5940
viewsHow to make an image increase without losing quality with CSS?
I want to create like a photo gallery, but here’s the thing, inside a <div> there are several photos that, even if not of the same size, will be shown of the same size (and a smaller size so…
-
2
votes1
answer66
viewsDOUBT: Division of layout
I am new in the area of development and I am developing a project for learning. Here I have a question about the layout division. What is best practice? Have separated the parts header sidebar…
-
2
votes1
answer47
viewsInput does not load disabled style
I’m editing a few input, select and textarea, removing the "standard" style, but I’m having a problem. When he’s like disabled, should appear with a dark background. But it appears in white color,…
-
2
votes1
answer138
viewsI can’t place a new column inside a table
I wish you could help me to place a column (painted in yellow) as follows which is in the attached image. I leave here also my code at the moment so I can give a help: <?php $database…
-
2
votes3
answers681
viewsHow to check the ID value of a tag and how often does it repeat with Jquery?
Personal I have an excerpt of a code referring to image below In the first div shows a list of students. In the second the students that the user chooses for his group, as he clicks on each student…
-
2
votes1
answer186
viewsHow to leave ZIP form sliding equal to ifood site?
This is the form of the website I want to change: artnaweb.com.br/pediragua Leave the same as this: ifood.combr. I don’t understand Jquery. I have knowledge only of HTML and CSS. Thank you!…
-
2
votes4
answers2497
viewsHow to dynamically change the color of the text based on the background color?
I am trying to change the color of the text according to the background in css, I have a list, each line is a color, I need that for light backgrounds the text is black and for dark backgrounds the…
cssasked 8 years, 7 months ago Gabriel Rodrigues 15,969 -
2
votes1
answer2030
viewsLine break inside a Boostrap Popover
How to make line breaks inside a bootstrap Popover Example echo"<a href=\"#\" data-toggle='popover' data-title='Popover on Left' data-content='$data <br> $data' data-placement='left'>…
-
2
votes4
answers2773
viewsHow to mount buttons with Angular?
I have to mount three buttons and validate them at the angle, following the schematic:…
-
2
votes2
answers77
viewsDiv does not line up with the text
I’m trying to align the div and text side by side, but it doesn’t work at all, I’ve tried float, tb, align and nothing works someone please can give me a help. #sobre { width: 100%; height: 100%;…
-
2
votes1
answer96
viewsStreamlining CSS with PHP goes against good practice?
Streamlining CSS with PHP goes against good practices? I need to change the header background image of a page according to her article. I thought about writing the CSS inside a PHP file for this,…
-
2
votes1
answer166
viewsProblems with spaces between li’s
Good Morning! See the figure below. I have the following css ul.listaTopo, ul.listaRegistros { clear:both; } ul.listaTopo { background-color:#000; color:#FFF; } ul.listaTopo li, ul.listaRegistros li…
-
2
votes2
answers817
viewsAlignment Gif Loading
Hello, I have the following code: https://jsbin.com/jojukiseze/1/edit?html,css,output I’m trying to align it so that it is centered on the screen regardless of screen size or orientation (whether a…
-
2
votes2
answers564
viewsHow to put texts in Progress
Hello, I have a progress, but I would like to add the value of the percentage at the center of it, with some more information. <progress name="progressbar" id="progressbar" class="progressbar"…
-
2
votes2
answers833
viewsFooter does not appear on the first page - Laravel Dompdf
I have the following code in my application to generate a PDF report: $head = '<html><head>' . '<title>Relatório</title><style type="text/css">' . '@page {margin: 120px…
-
2
votes2
answers40
viewsHow to modify the width for the adaptation on tablets of a menu without media queries?
Menu: http://responsivemultimenu.com/lib/responsive-multi-menu/ I’ve never seen a responsive menu like this, there’s nothing media queries, I believe the responsive part is created by javascript.…
-
2
votes2
answers234
viewsPass menu from "normal" to "hamburger"
Hello! My question is: What is the best way to go from a normal menu, with inline-block for example, to a hamburger menu, that when you click on the icon it opens the menu items, when the resolution…
-
2
votes2
answers3738
viewsHow to make one element stay on top of another with :after?
Using the pseudoelement :after, I created an image caption. How can I make the caption on top of the image and not on the bottom? .estrutura{ width:10%; height:30%; } .estrutura:after{ position:…