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
answer50
viewsHow can I use pseudo css elements
Following a css3 tutorial, I learned how to place icone inside inputs. The dev I was teaching used an example of 2 inputs to put 2 icons 1 in each input. In this case it used the following pseudo…
-
3
votes1
answer8117
viewsHow to make a text overlay a div with image?
I can’t get the text "Text I want to overlay." to be on top of the div "textDiv" that is with an image as background, please help me please. HTML <div class="divLeft"> <img id="photo"…
-
3
votes3
answers282
viewsHow to use a text selector in html?
How can I make a text selector within HTML so that I can have options when certain text within a p tag, for example, is selected?
-
3
votes2
answers577
viewsFind html element in css
I need to find a specific element of what is in my html code only in css, exemplifying: It’s like: meuElemento [type=input]{ color: #FFFFFF; } Only the doubt is on how I find an element like…
-
3
votes2
answers699
viewsPosition div or button inside a specific point of an image
I need to mount a kind of map, where the user clicks on a button that is in the x,y coordinate of an image and a modal opens. I can’t use the background-image for this, so I put the image with…
-
3
votes2
answers340
viewsCache on Web Systems
I have a web system using Ajax that is constantly updated. I need to implement a way to update the user cache of files. js and . css when these files are modified. I tried to solve it in two ways.…
-
3
votes2
answers9650
viewsCreate flashing fontawesone effect
I have a software that a part is an internal chat, I want to put the blinking font effect when a new message arrives. <i class="fa fa-comments"></i> Next to the name I have the image…
-
3
votes3
answers1030
viewsHTML / CSS - input date height width
How can I change the height and width tag input date and time in HTML itself or in CSS ?
-
3
votes2
answers985
viewsHow to make this icon with pure CSS?
You can do the image icon with CSS below? If yes, how can I? I tried to do it like this, but I can’t create the third page, I can only do two: .pages:before{ content: ""; width:25px; height:20px;…
-
3
votes3
answers527
viewsI can’t put the icon on the right side of the screen, inside a div
<head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"…
-
3
votes1
answer755
viewsHow to focus an element
In CSS it would be something like this: div { display: none; } div:active { display: block; } And some user action would give focus to this div by javascript I know I can do adding and removing a…
-
3
votes3
answers1052
viewsImage with scroll vertically and height 100%
I have the following structure: <div class="bg"> <img src="view/img/planta-supermercado.png" id="bg"> <div class="bg-scroll" id="bg-scroll"> <img…
-
3
votes1
answer1140
viewsCentralize loading on the page
I’m riding a load and I’m having 2 problems. How to leave the div circle that contains the animation in the vertical and horizontal center of the screen. 2º How to leave the tips of the load…
-
3
votes1
answer4709
viewsModal is not giving scroll
CSS: .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0; -webkit-transition:…
-
3
votes1
answer93
viewsHow to work with CSS visibility?
Greeting, What I need to do is make an image invisible when the screen resolution reaches 576px, but I’m not succeeding, I’m doing so; HTML <div class="col-sm-2 topo_branco animated…
-
3
votes1
answer185
viewsHow to create a reserved space when loading page content, same as facebook, youtube, etc
This is a question asked on several sites on the internet, and before I came here to ask I researched a lot, even in stackoverflow in English. Well the part of the placeholder in html and css is…
-
3
votes1
answer678
viewshow to make a background Pattern with CSS?
I was looking at the bootstrap templates and this template caught my attention because its background is done with the technique Pattern, ie it has only an image that repeats itself "perfectly"…
-
3
votes1
answer733
viewsResponsive design in 2+ angular
Is it possible through the 2+ angle to get the size and width of the browser and from there send this data to the css in order to make it responsive? Is there any other way to leave responsive…
-
3
votes1
answer73
viewsWhy do selectors with prefixes in the same rule not work?
For example if I do this to let the element that is in fullscreen with height and width equal 100% it does not work: :fullscreen, :full-screen, :-webkit-full-screen, :-moz-full-screen,…
-
3
votes2
answers584
viewsCenter text vertically
I’m trying to make a DIV for a subscription with a photo (24x24) next. I want to center this text vertically, according to the size of the photo. I tried to use vertical-align: middle, but it didn’t…
-
3
votes3
answers1075
viewsOrganize Divs into blocks over each other?
I would like to organize my Ivs in column form, but not side by side, but rather on top of each other. Usually when using float: left or display: inline-block the elements are placed side by side up…
-
3
votes1
answer65
viewsWhat are CSS Feature Queries? How do you use them and what are they for?
I’ve been hearing the term a lot Feature Queries when referring to CSS3. But what are they and what are they for Feature Queries? How this applies in the CSS of projects?…
-
3
votes1
answer75
viewsTerms used in the CSS
Knowing that CSS literally means Cascade Style Sheets, regularly see the term "property" being used to refer to left, width, top, background etc.. The following question arose before me: Is this…
-
3
votes1
answer302
viewsTaking out an element that is inside an iframe
I needed to take a title that is inside an iframe, I did it with jquery but it takes too long to disappear or even not disappear. I did so with jquery: $(document).ready(function () {…
-
3
votes1
answer50
viewsHow do I change the color of INPUT when it exceeds a certain number of characters?
I have this CSS of INPUT, and I would like it to change the background color when it exceeds 70 characters. CSS .imv-frm-campo{ width: 95%; font-size: 20px; padding: 10px; box-sizing: border-box;…
-
3
votes2
answers93
viewsDo you really need to specify the HTML element before the class in the selector of a CSS rule?
I don’t know if that’s true for everyone, but the only element I’m interested in is <div>. For example: div.classe1 { /*...*/ } .clase1 { /*...*/ } What is the difference between the two…
-
3
votes2
answers815
viewsHow to take text inserted into an input and insert it into a label ?
I have the following code <div class="index-login"> <input id="email" class="input-text" type="email" placeholder="Email" > <button type="submit" class="loginBtn loginBtn--proximo btn…
-
3
votes1
answer599
viewsFlexbox + CSS GRID
People would like to know if there is any possibility of using Cssgrid with Flexbox. display:grid; display:flex; I mean using both in the same project, if not, which one would you recommend me to…
-
3
votes1
answer242
viewsPin icon to bottom right corner using Materialize
First time I’m using the materialize. I would like to know how to fix an icon in the lower right corner. <a class="btn-floating btn-large cyan pulse right"><i…
-
3
votes1
answer619
viewsRandom matrix filling with javascript
I’m trying to create a map with earth and water in javascript but I want it to be completely random, so I assigned 0’s and 1’s in an array and where I had 0 put the floor and where I had 1 put…
-
3
votes1
answer192
viewsAJAX request works on all browsers except Firefox
I have tried to make an upload system with AJAX and works perfectly in Chrome, however it does not work in firefox. I used the function $.ajax() jquery. Have any suggestions of what might be? I have…
-
3
votes1
answer178
viewsI’d like to just use the bootstrap grid to make it responsive
How can I use only bootstrap grid just to make it responsive, because I end up not being able to customize my css inputs because of bootstrap itself
-
3
votes1
answer1456
viewsSection with two colors
I’m having a hard time doing a two-color Section (one occupying 70% of the Section and the other the remaining 30%), I wonder how I can do this follow the example: suggestions?…
-
3
votes3
answers535
viewsCSS Change Time with Javascript
I have a function: function togglePopup1() { document.getElementById('desktop-card').style.width = '480px'; } The code is so that the width page increase with one click. But how do I make this…
-
3
votes1
answer66
viewsPosition one element over the other
.lista-cartoneira h1 { font-size: 1.2rem; margin: 12px 0 12px 0; font-weight: 500; } .lista-cartoneira h2 { font-size: 1rem; margin: 12px 0 12px 0; } .lista-cartoneira img { width: 80px; height:…
-
3
votes1
answer419
views -
3
votes1
answer3890
viewsHow to make the HTML table inside another table occupy the entire screen?
I have an HTML table with 3 columns and 3 lines and for each cell of this table I have another HTML table with 3 columns and 2 lines and I’m trying to get her to uniformly occupy the entire screen.…
-
3
votes3
answers2161
viewsHow to leave buttons fixed in floating div
I have in my system a situation similar to the one I gave of example. A modal bootstrap that can open in basically any place of the screen. This modal does not occupy every screen. Within this…
-
3
votes2
answers1224
views -
3
votes1
answer2520
viewscss - Always define standard Rule 'keyframe' when Defining keyframe Error
I’m getting error in the code below that says css - Always define standard Rule 'keyframe' when Defining keyframe Error It runs normally on Chrome but is not working on IE 11 @-webkit-keyframes…
-
3
votes1
answer129
viewsHow to redirect a page using . htaccess?
how have you been? Well, I’ve been facing a problem that boils down to the following: I want through the file .htaccess redirect only the home page from my website to another domain. Example:…
-
3
votes1
answer250
viewsHow to underline effect by controlling the underscore size
How to make a title have an underscore, but manage to control the size of that underscore. Follow an example of the intended:…
-
3
votes1
answer147
viewsMargin conflict in css
Well, I have two classes: 1 - container who receives some information 2 - top_menu who receives the menu. I can’t explain how this happens, but every time I put a div with the class container the…
-
3
votes1
answer251
viewsHow to align the dropdown menu with the text?
I’m having trouble lining up my menu dropdown, the entire form and including the text that should accompany the menu dropdown this right. Any tips? Ex. Result obtained: |dropdown| Choose an…
-
3
votes1
answer190
viewsAlign left-hand Divs with css, separating them into groups, with no line break
I’m looking for a way to line up divs on the left, however, keep them divided into groups, without a group breaking the line. The code below comes close, but would like to get the result of the…
-
3
votes2
answers144
viewsDisplay None on label calling by ID does not work in Safari browser
I think some experienced will know how to answer me! I can not make the code below work in Safari browser and older versions of Opera. I have tested in all others and works perfectly even in IE…
-
3
votes2
answers42
viewsI can’t find which Style is separating my elements
Hello, I have a website that’s on the air. I know this doubt seems really silly, but I’m not finding what is causing a gap between Google Maps and my banner. Website link:…
-
3
votes0
answers210
viewsHow to place particlejs on a Parallax banner with text in the center
I wonder how I can put the effect Particlejs in a banner Parallax with a text in the center of the div. Thus: For example, in this banner I wanted, in the center of it, there to be a text and the…
-
3
votes2
answers186
viewsHow to take an image input and display it in the background-image?
I have an input field that should receive an image, when receiving it I should add it as background-image from a div. I used Filereader to get the Base64 from the image. It works fine, but CSS…
-
3
votes2
answers711
viewsHover div inside div
I have a div that is part of a link that are inside another div, I wanted if it passed the cursor in any part of the div there is apply both in the text of the link and the inside div. The Hover is…