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
votes1
answer273
viewsHow to perform an action when scroll reaches the top of the page?
I have all the code of a fixed sidebar that works perfectly, however I want that as soon as the scroll bar reaches the top of the page, the top itself, an element receive a CSS assignment through…
-
2
votes2
answers1316
viewsLogin Form Screen Flashes
I have a problem: I have a login screen that I did, but it keeps blinking. I didn’t want this to happen. I wanted the login form to be static with the images running in 5 minutes. The link does not…
-
2
votes1
answer25
viewsProblem with background Animate + css
"use strict"; window.onload = function() { setTimeout(start, 200); }; function start() { //Helpers function lineToAngle(x1, y1, length, radians) { var x2 = x1 + length * Math.cos(radians), y2 = y1 +…
-
2
votes1
answer614
viewsResponsive menu with grid layout
I’m learning grid and responsive layout and don’t know the best way that I could create a "hamburger menu" with it. So far I’ve managed to make my content wrapper move to the left and leave a space…
-
2
votes1
answer178
viewsHow to make width be text and not div
I want the background of H3 to take only the size of the text CSS div.header { background: url(../img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size:…
cssasked 7 years, 11 months ago Bruno Antonio 353 -
2
votes2
answers1121
viewsWhy in the textarea with height defined the text is not centered vertically?
I have the following doubt, whether in a input text I define the height of 60px the text is centered in the field, but this does not occur in the textarea if I set a height of 60px also. I looked…
-
2
votes1
answer274
viewsProblems identifying mobile screen with css
I’m trying to ride a box box of login responsive. Where he has .css for monitor screens and other for mobile. The problem is that the mobile phone is not working. I make the following test: @media…
cssasked 7 years, 11 months ago Hugo Borges 5,294 -
2
votes2
answers1799
viewsDashed line only css?
does anyone know how to make this dashed line only with css? I tried with images but could not thank you!…
-
2
votes1
answer327
viewsJavascript to close menu accordion
I have the following code: * { margin:0; padding: 0; border: 0; font-family: sans-serif; font-size:14px; list-style: none; text-decoration: none; } .nav a, .nav label { display: block; padding:…
-
2
votes1
answer72
viewsProblem with margin-top css
I’m trying to put a margin on my table, I did so: .tab_dados {margin-top: 10px;} And it works, the problem is when I put an input on top of it. It sticks to it. What can be? .form-group {…
-
2
votes3
answers563
viewsHow to give the "modal" effect on a div?
I have a div which is the progress bar, and would like that div blocked the interaction with div below it. Basically while this div progress bar was appearing, did not allow it to be possible to…
-
2
votes2
answers1021
viewshorizontal alignment with css
How do I let the 'title' align with the icon without the need to place the 'title' inside any div. .card-blue, .card-red, .card-green, .card-grey, .card-yellow { position: relative; width: 300px;…
cssasked 7 years, 11 months ago Hugo Borges 5,294 -
2
votes1
answer405
viewsText over div with borders
Speak guys! I have a div . presentation, in it I applied edges to become a triangle. Beauty, but I want to put a text above, but with the modified edges of . presentation, it is not aligned. How can…
-
2
votes1
answer618
viewsChanging CSS with Javascript for required field
I got into W3 Schools and got an example code for a multi step form. In "default" mode it did not move to the next step until all fields were filled. Turns out I only need some fields to be not…
-
2
votes1
answer475
viewsDiv breaking when label content is too big
To div one-page HTML this breaking when the text size of one of the labels I have inside it is very large, I am using the following code: <div class="divRelato" style="background-color: #eee">…
-
2
votes1
answer242
viewsCSS alignment Cell table
I have a <table> where the content of <td> are random numbers, I need the numbers to occupy 100% of the cell, however much I put the size 100%, with padding and margin zero, there’s…
-
2
votes1
answer1712
viewsTop corner responsive image - Bootstrap
Guys, ask me a question. How to insert a responsive image in the top corner of a section using bootstrap. Ex: this is the site that I am developing renpa.esy.es, however, in the fourth section that…
-
2
votes3
answers49
viewsStylize each different line
I have a text in four lines: <span>Pare de perder tempo por falta de<br> Presença Digital.</span> I want each of these lines to have a different font size. What would be the most…
cssasked 6 years, 10 months ago Felipe Viero Goulart 3,693 -
2
votes1
answer43
viewsHow to put dalay scrolling on a background?
I would like the bg of my Section to have a certain delay in the speed of scrolling to differentiate itself from the standard scrolling of the page. Does anyone know how I can do?
-
2
votes5
answers8190
viewsOnclick event in image
Is there any way to put an onclick event in picture? I tested with a button and is working the call to function, however, I wanted to use an image. I tried something like: <a href="#"> <img…
-
2
votes0
answers237
viewsHow to load css files asynchronously?
Well, I put the link to my website, to be analyzed on Pagespeed and to fix optimization issues and etc.. And for the javascript, was pointed out that it needed to be corrected Delete rendering lock…
-
2
votes2
answers338
viewsBackground does not work
I’m trying to apply the CSS below on a div to use a background, but it doesn’t appear at all. HTML <div class="row background-1"> <div class="col col-2"> Lorem ipsum dolor sit amet,…
-
2
votes3
answers670
viewsApply style in child element according to parent element in SASS With declaration in child
Hello, I am building a SASS style structure that changes will depend on a class set in my body. This class dictates which browser the user is using, example: <body class="chrome"> <!--…
-
2
votes1
answer72
viewsProblems at the time of a div, how to define 'automatic' height?
take the example in this fiddle I want the height of the blue div to be according to the height that the table on your right is. no fiddle is well explanatory, any doubt I shoot in the comment, I…
-
2
votes1
answer76
viewsHow to center rotated text on a div?
Hello beloved community! I’m rotating a p inside a div, but I can’t center it, I’m having enough difficulty in css, already tried to define a width: and height: for p, I left as auto, but it doesn’t…
-
2
votes1
answer1412
viewsResponsive bootstrap menu does not close when clicking
I would like to know why the bootstrap menu on mobile devices does not close when clicking on the menu. It opens normally, but if the user wants to close, it does not close. Access link:…
-
2
votes3
answers230
viewsReduce code repetition with loop creation (loop)
I want to save a few lines of code by creating a loop for or while to reduce what is below. I would assign a variable array for baixo_final[] getting baixo_final[i] for example and the variable i…
-
2
votes3
answers238
viewsI can’t center the text
I just got this css text animation in hongkiat.com: http://codepen.io/yoannhel/pen/sJpDj I can’t center the text at all. Pus display: block, text-align: center, position: relative e margin: auto em…
cssasked 7 years, 10 months ago Ivan Gomes 23 -
2
votes1
answer763
viewsI need to leave the top of a table fixed, while the table has a scroll
I have a dynamic table, and I wanted head of it stayed fixed in hers while I give scroll in the table, when reaching the end of the table, the head "goes away" and so I go to the next table. All…
-
2
votes2
answers1613
viewsCan I put a background-image in a Section?
I created a section in my HTML and CSS: section{ background-image: url(../img/bkg2.jpg); } But the image does not appear. And I checked the path and it is correct.…
-
2
votes4
answers8782
viewsHow to center text vertically
Can someone help me center the button texts? I’ve tried everything I found on the Internet and nothing works.…
-
2
votes4
answers1196
viewsDifferent colors inside the tag H1
Is there any way to apply different colors to each snippet of a text within: <h1>Cor1 Cor2 Cor3</h1>
-
2
votes3
answers1008
viewsCan I create a dropdown menu inside a a href?
In case I have a tag <a>, I can add just like a tag <ul> with <li> to create a dropdown menu <a href="out_denuncia.aspx" id="menuHomeMaster">Denúncia/Sugestão</a> or…
-
2
votes3
answers452
viewsThere is a useful way to highlight an HTML element/tag(a) in a certain color
Well, I want to define a color tag style. The following example changes the style of an element <p id="tag"> parágrafo </p> To change the style of an HTML element, this syntax is used:…
-
2
votes1
answer82
viewsHow can I fix this menu at the top,?
I’m with a site with a menu that’s below mine header, 150px below the top of the screen. I would like to make sure that when I scroll the page and the site menu got the position 0 from the top it…
-
2
votes1
answer846
viewsIs it possible to leave part of image transparent with css?
It is possible to make a photo gradient to transparent at the bottom of an image using css only ? Example:…
cssasked 6 years, 8 months ago Igor Oliveira 1,110 -
2
votes2
answers402
viewsConfigure list-group with scrollspy bootstrap
Good night ! I’m struggling with one of the layouts of my project in which I have a div divided into 3 parts, where the top right will contain cards that selected will bring the data into a list at…
-
2
votes1
answer443
viewsHow to import files from bootstrap sources
The bootstrap icons are not picking up on my project. I searched and saw that it can be solved by importing the bootstrap source files. What is the best way to import these files into the body of a…
-
2
votes1
answer32
viewsResponsive on PC but not on tablet or mobile phone
background-image: url("../assetsimages/book.jpg"); background-size: 100% auto; background-repeat: no-repeat; max-width:auto; height: auto; As you can see on tablet and mobile phone is not responsive…
-
2
votes2
answers1244
viewsChange the color of an image in css (jquery)
I have an image on my page: <img style="border:0;" src="img/corpo_menina.png" alt="" width="320" height="480" usemap="#dtb61iMap" id="dtb61iMap" /> At a time of my application, various changes…
-
2
votes1
answer1062
viewsHow to change the size of a :before or :after dynamically with Jquery?
Can anyone tell me if it is possible to change the size of a :before or :after dynamically with jquery? Ex: $('#elemento:before').css({'width':'100px'});…
-
2
votes1
answer2250
viewsTransition into elements using :Hover:after
How can I apply a transition, for example in a background:linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 40%) without hover and background:linear-gradient(to top, rgba(0,0,0,.8) 0%,…
-
2
votes2
answers700
viewsHow to remove an entire div in Jquery and then add it back?
How can I remove an entire div using .empty() or .remove() and then add it back into any function?
-
2
votes1
answer51
viewsBug in the enterprise carousel
I’m with a little bug in the modal of enterprises, when I open one it displays at the same time the two, plan and illustration, and only back to the norm when I click the button... Could someone…
-
2
votes2
answers1487
viewsDynamic writing effect of text
I would like to use in a web project an effect that "writes" the text on the screen as if it were someone typing, pausally. Like if the sentence is "Hello World," he’ll show: Understand "|" as the…
-
2
votes1
answer260
viewsanimation on the main page
Includes a start animation of my project ( example "welcome" and soon after go to the main home, but in case it is the 2 together... Is it possible?…
-
2
votes2
answers100
viewsScrolltop does not work after certain scrolling
I have a div calling for quest, I want that after the ScrollTop 100, he stays fixed. Is not working. var $w = $(window); $w.on("scroll", function(){ if( $w.scrollTop() > 100 ) {…
-
2
votes1
answer156
viewsScrolltop does not work when I use the Body element, but HTML
I did not find an answer or in the jQuery documentation. Because when I use element "body" for Animate with the scrollTop property I want to animate does not work. Follows my code function…
-
2
votes1
answer307
viewsCommentary/legend in table rows
How can I add a comment/caption to table rows, similar to tag <abbr>? nome | idade | sexo <br> <abbr title="comentario/legenda 1"> Gui | 17…
-
2
votes2
answers627
viewsEffect on css image
How do I do this effect like in this css image ?…