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
answer76
viewsCheckbox gets bugged MARK ALL -WITHDRAW SELECTION -Special case;
Hello guys my goal is to mark and uncheck checkboxs until then all right look at print: I press to select all and the script selects ALL I click to uncheck it unchecks ALL until then all right. The…
-
2
votes1
answer594
viewsHTML and CSS - Center Tabs in the center of the page
It’s a Newbie question, but I’m having a hard time. I have 3 tabs that are like this: But I’d like you to stay in the center like this: Also instead of text, I would like to place images. My CSS for…
-
2
votes1
answer184
viewsTransition when using Hover - How to do a "reverse" mode?
Here is the transition: .subcont { width: 250px; height: 180px; background: purple; } .border1 { position: absolute; width: 5px; height: 0; margin-left: 250px; margin-top: -5px; background: red;…
-
2
votes2
answers30696
viewsJavascript + HTML calculator
I have to do a Javascript calculator for class, and I’m facing several errors. I wanted to do that first write the number 1 and without following choose which operation to do, after the chosen…
-
2
votes1
answer244
viewsHow to turn list into responsivel menu?
I’m having a hard time turning the list below into a responsive menu, something like Bootstrap’s responsivel navbar. I want to maintain the current style of the menu, but that it behaves like the…
-
2
votes1
answer1285
viewsAlignment of vertical text
hello, I’m trying to align a text vertically, but the code is not working. It is divided into 2 columns and the column with the image is larger the text is at the top html: <div class="col-md-12"…
-
2
votes1
answer455
viewsHow to get :Houver to pick up on all LI
Here’s the deal, I got a div that holds my li, and within those li has an image and three li with texts, my goal is to make sure that when the mouse is passed on top of that li, the image change…
-
2
votes3
answers7594
viewsHow to align content in <td>?
How do I align the content of <td> inside my table? I know that to align horizontally I use text-align: center; //text-aling está errado. I want it to look like Teste and Armas. <table…
-
2
votes0
answers151
viewsHow to put CSS correctly in a rendered SVG in the view via the use tag?
I’m using Angularjs to load an element, but it doesn’t take CSS. A View: <svg version="1.1" id="body_1" data-name="body-1" xmlns="http://www.w3.org/2000/svg"…
-
2
votes1
answer117
viewsadded text with append does not respect div
I have a list that your elements are added with the jquery append and the added text does not respect div and list boundaries: css: #list_arquivos{ list-style:none; } #list_arquivos .arquivo{…
-
2
votes1
answer120
viewsCSS - How to reference another Combobox?
Guys, I got two autocomplete combobox cascading for State and City. When I change the size in CSS, I change the size of the 2 combobox and I need to change only 1. I use the example code of…
-
2
votes2
answers1056
viewsTop 50% Edge and Bottom Edge 50% with css, is it possible?
I need to make a <div> two-edged (top and bottom), is it possible to do this with CSS? Or just with image? I’ve been able to do it like this: div { width:500px; height:500px; position:…
cssasked 6 years, 11 months ago Wagner Martins Bodyboard 698 -
2
votes1
answer124
viewsHow to specify a CSS property in a single element for a repeating class?
I have a Wordpress site. In the theme, I need to customize the height of a single div class image_wrapper, but when I make the change, it reflects on the other divs of the same class spread by the…
-
2
votes1
answer211
viewsDuplicating menu bootstrap
I am Noob in web development and need a little help from colleagues, if possible. I’m making a website, using bootstrap, and I came across a little problem. I have two drop-down menus and when I…
-
2
votes5
answers1389
viewsDisable body click for a period of time
Would there be some way to disable my click events body. When I call a function I would like to disable the events in the processing which is a little time consuming and when it finishes activating…
-
2
votes3
answers172
viewsIs it possible to find darker/lighter shades from a hexadecimal?
Given any color in the notation Hexadecimal, is it possible to find the same in lighter or darker tones? example... div { height: 50px; width: 150px; display: inline-block; text-align: center;…
-
2
votes1
answer59
viewsresponsive website, CSS problem
Everything was going very well, but I came across a problem in my css.. One is my footer, that even if I change the background color it gets the background color of the body My top css code: @import…
-
2
votes4
answers6985
viewsHow to underline html / css
How I take this subline of dark blue or how to change the color? the code in html: <section class="esp"> <div class="facebook"> <img src="images/facebook.png" alt="facebook"> <a…
-
2
votes1
answer381
viewsCalculate horizontal distance of an element
I’m trying to customize a button submit using Bootstrap 4 Beta 3. The idea was to do something stylish "slide to Unlock"; however, it is only working in a resolution above 992px... I believe this is…
-
2
votes0
answers66
viewsWeb Developer: Evolution Advice: Next Step?
Good morning to all, I need your advice and your experience to evolve your career. I have been a Web Developer for 2/3 years. I have always worked on doing everything from scratch, working with…
-
2
votes5
answers3285
viewsRemove the space between two Ivs
I have this code but I wanted the Divs to be below each other but they have a space that I have tried to remove in various ways, but nothing happens. <html> <head> <meta…
cssasked 6 years, 10 months ago Igor Oliveira 1,110 -
2
votes3
answers5980
viewsCustomizing the Alert
I need some help regarding alert() of js, in which I am returning some information-only values to the user. Today I’m returning only one alert(), but I did some research and found some alternatives…
-
2
votes2
answers430
viewsHover - css does not work
I’m doing something stupid but I don’t know which. Basically I’m trying to create some css classes, but it’s not working as expected td.ok { height:26px; padding-left:4px; padding-right:2px;…
-
2
votes3
answers1697
viewsHow to achieve this effect in a progress bar?
How to do this effect on the text inside the progress bar where the text changes color according to bar fill, and when the bar reaches the text, only a part of the text changes color? See that when…
-
2
votes2
answers370
viewsError "Show More" html button
I created an area on my site where it contains a small text, and a button at the end "Show More" I put two items like this, But every time I click on the "Show More" button on the second item, the…
-
2
votes1
answer219
viewsPosition Absolute not activate overflow: auto
How can I make for the div absolute(id 3) stay on top of the others Divs and does not activate the overflow of div father(id 2)? <div id="1" style="background: red; width: 400px"> <div…
-
2
votes2
answers46
viewsI’m having trouble getting this div centralized and Responsive
I’m having trouble letting that div centralized and Responsive someone could and help? .ml{ text-align: center; color:#3A89AF; } .ml p{ text-align: center; color:#000; } .ml a{ text-decoration:…
-
2
votes2
answers558
viewsDiv captures the size of another
Good morning dear(as), I have an html and from time to time I need to insert an image that is a "}" to determine that in a song will repeat that excerpt. As my text adapts to the size of the screen,…
-
2
votes3
answers779
viewsPrint page with Background
I am working with creating and printing reports with PHP, where a web page is generated with the content of the report. I would like to place the "CANCELED" watermark when a report is cancelled. For…
-
2
votes1
answer122
viewsHTML5/CSS3 slides - Background does not change
Guys need help with CSS3. I’m using keyframes/Animation to change the image of several article classes, where I’m using CSS to change the background in the following percentages 0, 30, 35, 65, 70,…
-
2
votes2
answers368
viewsHow to put this kind of Hover?
The Hover I want is this : http://prntscr.com/i4vr9n My Hover is like this: http://prntscr.com/i4vrsk My css and html html{ font-family: sans-serif; } header{ width:100%; height:58px;…
-
2
votes1
answer774
viewsChange image by clicking, when clicking again return to initial image
I need to change the icon every time I click and keep that other icon until I click again, then it goes back to the initial icon. How do I do this? Below is the code I’m using to create this menu.…
-
2
votes1
answer293
viewsAll tabs appearing when updating page materialize
Does anyone know why this happens? When I refresh the page a part of the following tabs appears and then disappears when it finishes loading. I want to prevent that from happening. HTML <section…
-
2
votes1
answer181
viewsHow do I increase the selection range of a list item within a drop-down menu
How do I increase the selection range (gray color) to be wide and high as selected in red? body { padding-top: 50px; padding-bottom: 20px; } /* Wrapping element */ /* Set some basic padding to keep…
-
2
votes3
answers1214
viewsInput date ta in English
I made an input date of the bootstrap and it ta in English, there is some way it stay in en? HTML <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link…
-
2
votes2
answers77
viewsOpacity only in li and not in span
I have the following code HTML: <li class="item produtoDesabilitado" id="1028" style="border: 2px solid rgb(255, 255, 255) !important; height: 346px; padding-bottom: 22px;"> <div…
-
2
votes2
answers357
viewsI want an image to close and start a five-second countdown
I’m trying to make an image go up to the top by clicking on it below. After you have climbed I want you to click ( click here to close) I want you to start a count of 5 seconds and then close when…
-
2
votes1
answer203
viewsPlay gradient of the image
How can I generate a gradient as in this image? As she has more of a tone of the same color, I’m not able to leave equal. .box { background-image: linear-gradient( to right, #ff7a2d, #ff507b );…
cssasked 6 years, 9 months ago Diego Vieira 1,807 -
2
votes4
answers549
viewsFooter with one line
I am using bootstrap to make a footer, but currently it is playing each element in a row like this: I wanted him to stay on a single line like this: <footer class="footer"> <div…
-
2
votes2
answers214
viewsSet dynamic height for div with javascript
I’d like a script that takes my div with the class master and define height: 100% according to screen size. html: <!DOCTYPE html> <html lang="pt-br"> <head> <meta…
-
2
votes2
answers177
viewsSmooth height change
I’m making a Navbar where it will decrease the height and change the color in the scroll event. My problem is in making this transition smooth. I managed to do for the color, but not for the height.…
-
2
votes2
answers7788
viewsChronometer in JS
Guys I made a stopwatch on JS but it "Treme" when I run it, is there any way to fix it ? var centesimas = 0; var segundos = 0; var minutos = 0; var horas = 0; function inicio () { control =…
-
2
votes3
answers827
viewsIs it possible to insert an SVG as value into an input tag?
I have the button below and what I want is that instead of the name "Go", I can use an image, be it in SVG or even something from Font Awesome. How to proceed in that case? From now on, thank you!…
-
2
votes1
answer1370
viewsdoubt select with modal
I’m having trouble executing an action on my website. I have a select with some options, I need to select one of the options and give Submit on a button, while doing this would have to open a modal…
-
2
votes1
answer59
viewsCSS: Keep Values Aligned
Good evening, I’m having a problem in CSS I would like to organize the releases of my users in one line. I’m not very familiar with css , I would also like to know what tips you have to unravel this…
-
2
votes1
answer132
viewsHow to stop the translator google dropdown from disappearing?
I’m trying to implement the translator google dropdown, within a button. Now by clicking on the translator google dropdown, it does not show the countries/languages. Here’s the code I’m currently…
-
2
votes2
answers236
viewsJquery - Having 2 menu(hamburger), how to close one menu while the other is open?
Good afternoon to all! I made a structure where in mobile I need to show 2 menu’s, but when clicking on a precise one the other closes and I’m not able to do it, currently I can only open and close…
-
2
votes3
answers198
viewsCSS Color beyond element size
I’m building a layout using the framework Bulma.. So far it’s as follows. My question is: How to do with CSS all my div side get painted? As in the image above, I want to paint the white space that…
-
2
votes2
answers161
viewsright div align
I’m trying to align this div on how much right of the screen and it’s just left <div class="tres"> <iframe data-aa='861335' src='#' scrolling='no' style='width:120px; height:60px;…
-
2
votes3
answers14733
viewsHow to put two buttons on each other
I don’t know as much about HTML and CSS as I would like and I need to make a small change to a site where I’m very limited, so I did it here. <div> <div> <a class="button"…