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
votes1
answer152
viewsDoes the base tag affect scripts and styles in an html document?
Having in http://exemplo.com/diretorio1/documento1.html the code: <!DOCTYPE html> <html> <head> <title>Uma página</title> <base href="http://exemplo.com/diretorio2/"…
-
3
votes2
answers47
viewsSet limit, css animations
I came across this problem that is affecting my CSS structure. I have such animation on my website http://jsfiddle.net/9bdqe2nq/ But I need it to stay inside the black bar, which is that surplus…
-
3
votes1
answer2029
viewsImplement navigation with buttons: [first] [next] [previous] [last]
Explanation: I have an HTML+jQuery table and I have an enumerated pagination that is functional, but I would like to add an additional navigation to it. Question: I would like to add an…
-
3
votes1
answer57
viewsFonts do not load correctly on IE8
I’m using both sources on a website: <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'> <link…
cssasked 9 years, 11 months ago Felipe Viero Goulart 3,693 -
3
votes4
answers420
viewsCSS, firefox input shows blank text
In firefox my input text does not appear, what reason? see http://jsfiddle.net/m8j873y8/ input { width: 100%; height: 35px; margin-bottom: 10px; color: #595959; padding-top: 17px; padding-right:…
-
3
votes2
answers262
viewsTag header, daughter of tag Section, inherits values from other tag header
I have this HTML structure: <body> <header> </header> <div class="limit"> <section class="conteudo"> <header> <h1>TESTE</h1> <h3></h3>…
-
3
votes1
answer94
viewsMake DIV occupy page remnant with CSS
Good guys, I have a div#x that varies your width amid 70px ~ 220px. I need a second div#y, who is next to you occupies the rest of the page space. With jQuery it would be something like:…
-
3
votes1
answer1251
views -
3
votes1
answer215
viewsHow to change the color of Kendo UI Dropdownlist according to the Status variable?
Can anyone tell me if there’s a way to change the color of Kendo’s Dropdownlist according to a Status variable? For example: If user is Active -> Assumes Green color If user is Inactive ->…
-
3
votes1
answer13146
viewsHow to put 2 inputs side by side?
How can I put 2 input aligned side by side? <li> <input type="text" /><input type="checkbox" /> </li>…
-
3
votes2
answers212
viewsHow to make the A click active for all LI
I have a li with a inside, and would like to activate the click of a for the whole of li. I mean, when I click the corner of li it enters the link anyway, I want to do this without Jquery. My…
cssasked 9 years, 11 months ago Felipe Viero Goulart 3,693 -
3
votes1
answer68
viewsGenerate CSS from inline css of DOM elements
Hello, made a document, large, full of inline css, and know that mixing css with html, using the style attribute right in the element is a bad practice.. But now, do you have a way to generate a…
-
3
votes1
answer390
viewsCSS - Leave a minimum distance (height) between two 'Fixed' elements
Need to leave a minimum distance between two fixed position elements (the top and the footer). The problem occurs when applying zoom-in on the page, the two elements practically meet, and the goal…
-
3
votes1
answer77
viewsJquery - error accessing array
I need to compare two arrays, one with calendar days and the other with registered days. When the registered day corresponds to the property value innerHTML of the array of div he must paint the…
-
3
votes1
answer90
viewsHow to call CSS files using Kohana PHP 3.3
I’m a beginner in Kohana Framework and would like to know how do I call a CSS file.
-
3
votes2
answers2115
viewsCSS for different browsers
I’m riding a label + input text personalized. The problem is that each browser interprets the code differently. My final intention is to get the border-bottom appears to be a single line. Chrome and…
-
3
votes1
answer508
viewsHide div when input on Focus, css
How can I hide my div when the input is in Focus? I used this Cod and it didn’t work for me .A:focus .B { display: inline-block !important; }
-
3
votes3
answers1015
viewsHow to Set Different "Row" Sizes in Bootstrap 3
I’m wondering how to set a value of 100% width (filling the whole screen, independent of the container) only for a bootstrap "Row", is it necessary to create a new css class for that Row in…
-
3
votes1
answer80
viewsCan you determine a line of code for each browser?
I want my Google Chrome site to have width: Xpx; and in Safari have width: Ypx;, this is possible?
-
3
votes2
answers483
viewsMedia Query for PC
Hello, basically I want to make two models of my site, one for mobile devices and the other for computers. I would like to make a CSS code that is read only by PC browsers, but if I use for example…
-
3
votes4
answers22158
viewsHow to add row spacing to a table?
I need to draw a table with the following feature: That each row has a margin-bottom of 8px. The red highlight is the distance between the lines. The question is to be able to add only where I wish.…
-
3
votes2
answers6243
viewsHow to make a CSS background gradient (gradient)?
How do I do in CSS with which three div have the background gradient (gradient) changing color green for yellow and finally blue, being the first from top to bottom, the second from left to right…
-
3
votes2
answers7339
viewsHow to make button stick with another color when being clicked and selected
I wonder how I can use javascript to change the color of the button after it has been clicked; that is, below the code has 2 formats. If you click the A1 format, the button where the div is will…
-
3
votes1
answer1989
viewsPut icons on a treeview with bootstrap
I took a model of treeview with bootstrap and I have some problems, the code that they provide did not use icons, see the model…
-
3
votes2
answers2689
viewsAlign text in the vertical center of a circle
How do I get the text inside the circle to be aligned in the vertical center as well? CSS .circle{ position: absolute; background: red; border-radius: 52px; width: 37px; right: 308px; height: 37px;…
-
3
votes1
answer118
viewsOption with CSS button type
I have a select; and, on the latter option, I call a page. As it is not possible to use a button within a select, I used the onChange. I wanted the last option was the closest thing to a button in…
-
3
votes1
answer345
viewsTag Catch Size Other TAG
I wonder if there is in CSS, or JS something that makes a TAG that takes up space, make the TAG 'father' adapt to the size of the TAG 'daughter'. Ex: <iframe> <body>o Body possuí um…
-
3
votes2
answers394
viewsChange image size and box with %, not working
I have a layout, where I have a div with an image, and a class with a box over that image, the same size as that image, and I apply a transition on top of this box to reveal it when positioning the…
-
3
votes1
answer329
viewsZ-INDEX and BOX-SHADOW
I have the following code: <style> .all{ width:100%; height:100%; background:url(images/background.jpg); } header{ width: 100%; height: auto; display:inline-block;…
-
3
votes1
answer198
viewsFancybox keep arrow back and next always visible
On my site I am using the fancybox to show a product image, it is working right, but I need to make the arrows "Previous" and "Next" always visible to make it clear to the user that there is a…
-
3
votes2
answers7455
viewsChange banner according to screen size?
Aiming for the best performance in the load time of my site I wanted to make the input page banner smarter. For screens of up to 1600px would have to be loaded a banner simpler, of lower quality and…
-
3
votes2
answers863
viewsDiv to organize checkbox
I have the following div: <div class="col-sm-6"> <input type="checkbox"> Touch Screen <input type="checkbox"> Wi-fi <input type="checkbox"> Bluetooth <input…
-
3
votes2
answers816
viewsTurn vertical gallery to horizontal
I have a vertical gallery and I would like to lay it horizontal, as I do it? #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:320px; height:425px; border:1px solid #888;…
cssasked 9 years, 9 months ago Catarina Silvestre 343 -
3
votes1
answer20100
viewschange span color when mouse on li
I have the following HTML: .menu { width: 100%; height: 75px; background: #474747; } .menu li { height: 75px; text-transform: uppercase; padding-left: 10px; padding-right: 10px; box-sizing:…
cssasked 9 years, 8 months ago Felipe Viero Goulart 3,693 -
3
votes1
answer1213
viewsfont-face error when publishing project
I’m with an MVC project. When executed in localhost as fonts normal, but when publishing to the server they give error. CSS @font-face { font-family: 'FontAwesome'; src:…
cssasked 9 years, 8 months ago Diego Zanardo 3,301 -
3
votes1
answer2586
viewsHow to edit the scrollbar in Firefox and Google Chrone
Hello I have this CSS code that configures the scroll bar on the site with everything does not work in Firefox and even in Google Chrone someone could help me follows the code below.…
-
3
votes1
answer325
viewsOverflow-x Hidden no body
I added Overflow-x: Hidden on body but it’s not working. overflow Hidden disables scroll, or just hides bar? html, body{ overflow-x: hidden; -webkit-overflow-x: hidden; } /* tentei das duas formas…
-
3
votes1
answer992
viewsHow to make a pop-up to insert an email appear when clicking a button
What I want is something just like on this page. http://www.movingup.com.br/ By clicking "I Want to Watch" it opens a kind of pop-up asking for the email.…
-
3
votes2
answers1843
viewsCSS3: Show a hidden div when doing Hover over another div
Good afternoon. At this time I have 2 Ivs, 1 of them visible and the other hidden, being visible when I do the first. I would like, when revealing the div with text, the background of this fills the…
-
3
votes0
answers55
viewsDo CSS prefixes vary from property to property?
I was taking a look at the prefixes and with a lot of code to put them (I didn’t have the habit of using the prefixes until I started using the new properties of CSS, sad) and went to take a look at…
cssasked 9 years, 7 months ago Rafael Almeida 2,585 -
3
votes2
answers4989
viewsHow to use Font Awesome?
I’m using a template that uses Font Awesome icons, so far so good! But when I want to change the icon, I follow the documentation instructions and it doesn’t work! For example, the template code is…
cssasked 9 years, 5 months ago Helena Lacerda 31 -
3
votes2
answers1467
viewsCenter Horizontally
Can’t seem to center my div in the middle of the page! I tried to use what they posted in that post, in that other post, in the CSS Tricks and on a lot of other sites on google and I can’t center…
-
3
votes1
answer112
viewsMove the div according to the value of degrees in Javascript
Simply move the div towards the degress value. I’ve done a lot of manners, but I can’t. A code I’m trying: http://codepen.io/duduindo/pen/eNEobG "Does anyone have any light/solution for this…
-
3
votes3
answers804
viewsHow to reload or refresh the CSS of the page with Javascript
I made a code that should generate several inputs: var n = document.getElementById("numeroCamadas").value var ttt; var layers = {} for (var i =0; i<n; i++){ layers["layer" + i] = { 'espessura':0…
-
3
votes1
answer532
viewsHow do I apply CSS to my form?
How can I make my form look like this? I have this code ready (without CSS), but I don’t know how I can make it look like this. <form> <input type="hidden" name="form_input"…
-
3
votes2
answers469
viewsHow to get 40px X 40px of the entire image?
How do I get a certain resolution of every image? For example, I have this image: But in CSS I will only get 20px of it. Can’t use height and width.…
-
3
votes2
answers2198
viewsNavbar bootstrap getting behind the banner
I’m putting the navbar Bootstrap on a website, only when I click the button to open the menu, the menu appears behind the banner on the site. I took the position:absolute that has in the col-md-12…
-
3
votes2
answers579
viewsCentering right inside a list (ul)
Is there any way to center the logo of this example without using two lists? In the example website, it uses two lists to keep the logo in the center, how can I put the logo inside a "li" without…
-
3
votes2
answers2482
viewsRepeat header in print
I can’t release the report I’m using, so I took a generic model on google to help me explain the doubt. Assuming my report is as follows:: It is mounted via HTML on a system that works with both C#…
-
3
votes2
answers76
viewsIs it possible to use min, max and step in CSS?
I have an input like number with a min and the max in HTML. it is possible to use this min, max and the step in the CSS? <input class=input_number id=delai type=number min=1 max=10 step=2…