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
-
1
votes1
answer126
viewsHow to Add an "overflow:scroll;" on the side of an extended datalist
I have a search bar type="text" next to a datalist, but I’m not succeeding by adding a scroll bar on the side of the displayed content, because the more we add names in the 'option value="" the more…
-
1
votes1
answer32
viewsTo add links in a select and change the width of the select box before clicking
I tried to add a link reference to an item in a list 'select' "number 2" and it was not possible, which solution should I join to link this item?? and it is also not possible to increase the width…
-
1
votes1
answer101
viewsError with Sticky Navbar
I have a problem related to Sticky Nav, basically it works and is even beautiful, but when inserting the bootstrap it overwrites Sticky, I was only able to fix removing the bootstrap and doing…
-
1
votes2
answers313
viewsKeep the value of a countdown counter with javascript
I have a regressive quoter, but when the browser is updated it returns from the beginning, what I need is for it to keep counting even updating the page. I have been researching this solution with…
-
1
votes1
answer63
viewsLayout: Onepage only with HTML and CSS (with Transition)
I’m creating a layout "Onepage", however I would like to do it only with CSS and HTML. The idea is when the user click next the same will be moved to "Section 01", this already done, but I’m not…
-
1
votes1
answer2768
viewsHow to put a button on top of an image?
I have the following image below: I need to include a button on top of it using CSS, like this: Source code: <div id="exampleModal" class="modal fade" tabindex="-1" role="dialog"…
cssasked 6 years, 5 months ago Italo Rodrigo 4,344 -
1
votes1
answer90
viewsRegister button opens on its own
I have a problem, when entering my site my registration button opens automatically, I wanted to take this functionality, but I am not able to and when I click the login button if the registration…
-
1
votes1
answer226
viewsBackground problem with Iphone 6, 7 and 8
I created a layout and my background image is not appearing on Iphone 6, 7 and 8.Testing locally by Chrome appears quietly, but when I test on Iphone 8 it disappears getting only the background…
-
1
votes1
answer781
viewsFlex display does not work with CSS property
I am unable to use the following Ivs with the properties: .grid { display: block; } @media (min-width: 992px) { .grid { display: flex; flex-wrap: wrap; } } .column.left { flex: 4; background-color:…
-
1
votes2
answers3029
viewsModal Bootstrap 4: How to call another within a modal
Guys... I have a registration modal. Since I would like to call another modal, being still inside it. I mean... It would be superimposed on my registration modal. I’m using the code to call my modal…
-
1
votes1
answer711
viewsGrid bootstrap containers side by side
I am doing a PHP project, and in it I have to display the products on the main screen as soon as it is registered, it is displaying one below the other, but I want to show them side by side, when…
-
1
votes2
answers65
viewsAnimate CSS - Correct syntax?
I’ve tried several ways to adjust the simple animation of a css @keyframes I’m doing. I’ve seen several syntaxes and I still have error, .borda { padding: .5em; border: 20px solid transparent;…
-
1
votes3
answers136
viewsDelay before showing a div
Okay, I don’t understand what I’m missing. My idea was when to walk the mouse over a div, show the div who was hiding. .main_container:hover .hidden_container { display: block; } .hidden_container {…
-
1
votes2
answers651
viewsHow can I use mouseover to change the background color of a div?
Hello, I would like to change the background color of a div when you put the cursor on it, how do I do this? Div in question [HTML]: <div class='container2'> <div class="MP"> <img…
-
1
votes1
answer174
viewsHow do I calculate the "positives" and "negatives" functions of a json file for HTML in percentage?
Save, I have a JSON file with variables "positives" and "negatives", I would like to transform these values in percentage, "positives" being "like" and "negatives" being "don’t like". After that as…
-
1
votes3
answers87
viewsHow to do it when checking a checkbox it changes the background color of a td of a table and when unknowing it returns to its normal color
Well, I have this code, and it works in parts, when I check the checkbox it changes the color of my td, but when I go down the color does not return to normal, could someone help me? Thanks in…
-
1
votes2
answers44
viewshow to use max-height and display table
I have a div that her width and height is according to the content, and I need to leave her in the center of the page, I’m having trouble with the max-height, it just doesn’t work, the min-height…
-
1
votes1
answer69
viewsHow do I make a css scroll bar in microsoft edge go back to top when changing pages?
Error in: Microsoft Edge Technology used: Angular(4+) When it happens: Only when the screen size is small, and not it is possible to display all items of the table listing Table Used: Angular…
-
1
votes1
answer367
viewsRemove items and change total value
Hello, I have a problem that I have been racking my brain for a long time and I just can’t understand why it happens... In my application I have a cart that so far inserts products normally, does…
-
1
votes3
answers840
viewsDIV Bootstrap Alignment
I used the code @hugocsl gave me and it was aligned, but now it’s tiny in responsive. I used min-width and it worked! .img map { float: left; border:1px Solid; } map {. display: flex;…
-
1
votes2
answers190
viewsAlignment of all checkbox on the right
How do I align only the checkbox on the right? html { font-family: tahoma; font-size: 16px; padding-left: 3px; } form { width: 600px; margin: 0 auto; } fieldset { border-radius: 5px; border: 2px…
-
1
votes1
answer27
viewsImage occupying the entire monitor
I got a code right here on SO that largely solved the problem I have, I’m trying to let the image fit to various monitor resolutionssm the background is correct, the image is life size, but it gets…
cssasked 6 years, 5 months ago adventistapr 5,498 -
1
votes2
answers62
viewsAlignment problem in CSS
I have the following navbar: But as you can see, the div#results is misaligned with the input#search. Code: <div class="container-fluid primary-bgcolor p-3"> <div class="row…
-
1
votes0
answers34
viewsHow do I make a line between word in css?
Hello, I noticed on a site the following style in CSS Between the phrase SALES HIGHLIGHT there are two lines, one on the right and the other on the left, and they adjust according to the size of the…
-
1
votes1
answer112
viewsCollapse in bootstrap with signal exchanged
I’m having a hard time correctly flag the icon (The "+" of the right corner, signaling the expand and the "-" signaling the contract) when Collapse is compressed and when it is open. He gets mixed…
-
1
votes1
answer256
viewsProblem with parent element overflow affecting the visibility of a child element with "position: Absolute"
Ah, there are a few things in CSS that sometimes stress me out! I have a parent element responsible for listing several items. And inside these items, when I pass the mouse on a given link, a dialog…
cssasked 6 years, 4 months ago Wallace Maxters 102,340 -
1
votes1
answer73
views@Keyframes, attribute 'Animation-delay' does not work inside a 'from' or 'to'
I intend to give a 'delay' to this animation but I’m not getting a delay before it goes to the center of the page, if I add 'Animation-delay' within the class. ft it already starts in the center of…
-
1
votes1
answer51
viewsSomeone help me, I wanted to make my div not leave the screen!
Good morning, so I made my div draggable/Moveable, but I wanted her not to be able to leave the screen, I wanted her to have a limit when I move. Can someone help me? Thanks in advance //Make the…
-
1
votes1
answer194
viewsHow do I search something in html css js?
So Guys, I wanted to be able to search for items in html, without a bank, because the items will not be added dynamically, they will already be pre-established, as I am a beginner I have no idea how…
-
1
votes0
answers452
viewsSet a sidebar
I have two components, a form and a sidebar, I want to let my sidebar stay fixed on the screen and when I add data in the form and saving as I insert the sidebar do not "move". At this link (…
-
1
votes1
answer118
viewsTransparency problem using position Fixed in css
I’m trying to create a menu that doesn’t move independently of the user scrolling on the page using position fixed. However I am having a problem with transparency, whenever the menu meets with…
-
1
votes1
answer519
viewsImprimi [Object Htmlinputelement]
When I mount my table dynamically only my first element is mounted correctly. Others print a strange datum [Htmlinputelement Object] index <!DOCTYPE html> Product <h1…
-
1
votes1
answer4379
viewsBootstrap Modal Responsive - Height
I need a responsive modal that adapts the height of the browser. If the whole modal does not reach the height the scroll will not be shown, but if it exceeds the size/height, the scroll will be…
-
1
votes1
answer407
viewsScrollspy is not working
Good morning, I am developing a site, and at first everything is working, but Scrollspy (Bootstrap 3.3) is not working, I followed several internet tutorials on how to apply it in a Website but I…
-
1
votes1
answer1981
viewsHow to Overlay an Image with another?
I’m having trouble positioning one image after another without using position absolute/fixed. When using Divs instead of imgs, if you apply a float:left, it is in the context above the other Divs,…
-
1
votes1
answer574
viewsHow to apply css to an open page with window.open?
I have a page that I need to print only a part of, I used window.open followed by a window.print for that, only the print doesn’t come out in the expected format, it’s a form and should be printed…
-
1
votes1
answer331
viewsBug multiples modals bootstrap
I have two modals on the same page, one to change and one to remove information from the bank. The code of the first modal is this: <!-- Modal Editar --> <div class="modal fade"…
-
1
votes1
answer180
viewsRemove dynamic inputs
I wanted the help to be able to delete a line from my form with javascript. I am able to duplicate it, but not remove it. $(document).ready(function(){ var clone_step1 =…
-
1
votes1
answer114
viewsmenu sending the first read to last read
have a menu with submenu, and that submenu takes 100% of the div pai that is 900px, as li pai stay in the center, I wanted to send them to the right I gave a float: right in #wrapper #top .menu ul…
-
1
votes1
answer64
viewsMobile menu: Click to open and then to close
I have this code to open a responsive menu, but I couldn’t get it to close. $('#menuMobile').on("click", function() { $('.showMenu').slideDown(); }); .container { width: 100%; background: #000; } /*…
-
1
votes1
answer30
viewsSelector 'not' does not work
I have a gray box with a low opacity and inside it a word, when applying the 'not' selector to the main 'div' to cancel the opacity of the word that is in a "p" tag surrounded by that 'div' the…
-
1
votes1
answer637
viewsBackground image in white
I’m having a problem with html, because I need to add an image in the background of a container and I’m using bootstrap, I tried to add the class in a separate css, but it still doesn’t work…
-
1
votes1
answer1289
viewsVertically align data from a line into a datatable
I have a Datatable where Header is built using HTML and lines are loaded and built using Javascript. If you observe in the image, the "Actions" column has a group of buttons that are aligned…
-
1
votes1
answer54
viewsChanging icons on menu button does not show
I’m trying to change the icons, but it doesn’t show Menu font https://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/ Original CSS Code .icon-team, .icon-blog, .icon-home,…
-
1
votes1
answer1102
viewsShow image inside div
I have a div an image. You would need to display part of the image (centered, for example) and decrease the size of the div. If I overflow Hidden with a width of 50% in some div above the image, it…
-
1
votes0
answers244
viewsChange Table Row Color based on a Database Value
Good afternoon I’m building a system, I register people in the database and I need that when I select a radio box on the page visita_registro.php which makes me include a record in the bank, record…
-
1
votes1
answer118
viewsHow to specify an address that is outside a set of div
I made a menu with 'Hover' effect but I want to change the color of the gray bar of the menu by touching the cursor on the "Search and News" buttons but I do not know how to specify the address .…
-
1
votes1
answer33
viewsDropdown does not find the target
<button data-toggle="dropdown" data-target="#teste" class="btn btn-blue-grey btn-lg btn-group" mat-button>Configurações <i class="fa fa-caret-down"…
-
1
votes1
answer279
views -
1
votes2
answers922
viewsKeep Hover on a button after taking the mouse out
How to maintain the Hover effect after taking the mouse off the button? The code below has this function, but just by clicking, I’m very new to it, but I’m learning. var header =…