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
answer113
viewsOverflow on off canvas menu?
I’m making a menu off canvas, in fact it is always on the screen, and when I click the button, what moves is mine main, the problem is the overflow, when I open the menu it should not let me give…
-
2
votes0
answers37
viewsFacilitate quantity change in input number
By placing a <input> with type="number" in an HTML form, viewing the page by a PC the field shows the arrows up and down, but in Mobile appears the keyboard to type the number, I wonder how I…
-
2
votes2
answers5433
viewsHow to do a hide div when clicking out of it with jQuery?
Hello. How do I get this div to be hidden when I click out of it: I need her gone when I click out of her. Follow a similar example: $("body").on("click", function() {…
-
2
votes1
answer82
viewsEditions using Bootstrap
I’m using a full image bootstrap but my image besides not being changed is getting in the middle of the screen. I wanted the login screen padding to be restricted to its size, but it’s taking half…
-
2
votes2
answers241
viewsSelect text in parentheses (CSS)
I wonder if there is a way to select a text that is in parentheses using CSS only. For example.: <p>Sistemas de informação (ead)</p> I would like to select the text "ead" and put it in…
-
2
votes1
answer106
viewsDo not access image by url
How do I pass an image to the component img without the user being able to copy the url of the image and access the file by browser? <img…
-
2
votes2
answers1102
viewsChange part color of a string
I need to do a query in Mysql and change the cvor of a piece of text if a specific string is contained in the text. For example: My tah td returns a text <td id="conteudo"…
-
2
votes2
answers180
viewsHow to evaluate if the user will have the source used on the site?
When the user does not have the specified font in the css file installed on his computer, the browser will use the standard style font, according to the handouts I read. For example, you create a…
-
2
votes2
answers178
viewsHow to make editable radiobutton?
Next, I will have to add radiobuttons dynamically, in that they will have to be able to write. They come as label ne? I needed to be able to edit this label, it could be a text too, the important…
-
2
votes2
answers333
viewsHow do I get a "spin" in CSS using the border of a div?
The animation that I want is basically when I give Hover in the fingerprint div the border is in loading for 3 seconds (an animation of type progressbar, starting from 0 and reaching the end of the…
-
2
votes3
answers592
viewsAdapt formatting of input
I have an input field where I want the user to enter the license plate of the car in the following format "11-22-dd ". How do I make the form invalid if the value sent does not follow that specific…
-
2
votes1
answer3524
viewsPlace Text on Div Border
I wanted to put a text on the border, as in the attached image. I am using Bootstrap. My current code is like this: CSS: .jumbotronmax { padding-top:30px; padding-bottom:30px; margin-bottom:30px;…
-
2
votes1
answer544
viewsWould it be possible to identify if a DIV is over another DIV using some type of script?
I have a DIV A, which moves on screen by clicking on the keyboard keys. It would be possible to identify if this DIV A is on one DIV B using some script and trigger an event when being recognized…
-
2
votes1
answer190
views"margin: 0" does not Zera fully
I have a problem and, although "half solved" (gambiarra), I would like to know what causes it. I have a ul with white-space: nowrap; and the li's her in display: inline-block; The problem is that…
cssasked 7 years, 5 months ago Seu Madruga 2,481 -
2
votes2
answers55
viewsBOOTSTRAP EDITIONS
I’m using a bootstrap theme with background image but the image doesn’t change. I went to css, I changed the background anyway and the image remains even being a url that no longer exists. As there…
-
2
votes2
answers98
viewsDelay doesn’t work, can someone help me?
I was programming a simple profile and I want to put a delay after the 'mouseenter' as soon as the mouse enters this 'mouseenter' and along with delay to show a box called '.user_widget' I am using:…
-
2
votes1
answer209
viewsPositioning of Divs
I’m having a problem positioning the Ivs of the products they don’t align. http://casimirowebshare.000webhostapp.com/nutrirossio/produtos.php As you can see here in CSS I have: .produto_em_destaque{…
-
2
votes1
answer54
viewsHow do I make the internal elements of ASIDE remain horizontal?
How do I make the internal elements of the ASIDE remain horizontally on the same line, next to each other without breaking when resizing the browser. CSS aside{ background-color: #222; margin-top:…
-
2
votes2
answers480
viewsAligning Counter on Icon
How to do in a correct way where the counter is always in the same position as illustrated below Here depending on the resolution it leaves the position How I wish it would turn out My Code…
-
2
votes1
answer280
viewsSelect element, ignoring specific class
Come on... Suppose I have something like the list below. <div id="respostas"> <div class="historico"> <div class="lista"> <div…
-
2
votes0
answers34
viewsWhy are there inconsistencies on my responsive page on screens with the same resolution?
I’m developing a responsive Landing Page. The page behaves as follows: Larger than 1920px (Has the same root Styling, but center the page to the center); 1920px(root) Full Styled; 1800px Adjusted;…
-
2
votes0
answers66
viewsHow can I create CSS arrows that link several boxes, such as mindmeinster mind maps?
I’m doing a project that I need to facilitate the demonstration of sales flows. I’ve been able to create that so far: The problem is that the way I did it has no way to leave the creation of these…
-
2
votes1
answer2485
viewsLabel and input on the same line
Hello, I am using bootstrap to build my html page and am having a problem with form-control. I would like my label and my input to be on the same line, close to each other, but the most I could get…
-
2
votes1
answer2443
viewsHow to change the color of the rows of a table according to the value of each one
I’m having trouble developing a Function that changes the color of a <tr> based on a specific value of a <td> I need this Function to do for each line, because they contain different…
-
2
votes1
answer414
viewsHow to filter JSON data using PHP?
I need to pull the leaderboard of football: position, coat of arms, team name, points, games, wins, goal balance. I’m pulling from an API, see the PHP code I tried: <?php header("Content-Type:…
-
2
votes1
answer93
viewsHow to leave boxes next to each other with CSS without inline-block
I’m in a quandary. I want 8 boxes to be next to each other with CSS without using the display: inline-block because I got it with this property but it is not accepted in the pdf that is used in my…
-
2
votes1
answer169
viewsanimation wave effect in SVG string
I am making an animation SVG and to be complete, is only missing the animation of the string .wrapper { background: #364254; width: 100%; height: 100%; } <div class="wrapper"> <svg…
-
2
votes2
answers75
viewstext superimposing the before
li#tel::before { position: absolute; content: ''; background:…
-
2
votes1
answer60
viewsDisplay:None in Modal and @media affects SEO
I’m trying to apply responsiveness on a site, but some menus of categories I transfer into a modal of the bootstrap that uses the display:None, in addition to causing some desktop elements to be…
-
2
votes2
answers1683
viewsPlace text at the bottom of the css circle
Look at you I need to place the text at the bottom of the circle using css.. I have the code here http://scratchpad.io/unequal-mist-4130 .circle{ height: 37px; line-height: 37px; position: absolute;…
-
2
votes1
answer159
viewsOpen Form Popup on the same page
I need that on the home page in the "EHS" Menu, when clicking on the "SMAT" submenu open the form "https://collab.intra.fcagroup.com/sites/cma/EHS/Lists/InserirSmat/Item/newifs.aspx" in a popup on…
-
2
votes2
answers2173
viewsHow to make a Bootstrap Collapse button disable the other
I created two buttons Collapse in Bootstrap with two different contents. What happens: When I click the first button the content expands. When I click the second button the second content expands…
-
2
votes0
answers248
viewsHow do I set up Webpack and package.json to run the React project?
I made all the necessary Webpack settings and the project starts, but apparently it does not run the css in the project and only leaves a blank screen. Before the Webpack settings my Package.json…
-
2
votes3
answers78
viewsAlign div with css
<div className="containerConversa2"> <div className="conversa"> <div className="preenchidaAutomaticamente">teste </div> </div> </div> I have this html structure…
-
2
votes1
answer596
viewsHow to display style and run javascript along with html on Node Js?
I started to learn Ode js, but I face a problem when rendering a project composed of: Html, css and javascript. HTML is uploaded and opens, but css doesn’t work like javascript does. codigo Node:…
-
2
votes3
answers114
viewsheaders Block size
So guys, I’d like help here with css. For example: I have an H3 <h3> Bem Vindo ao Portal do Cliente </h3> When I go to the browser, I have the text and the box of H3. What I wanted was…
-
2
votes1
answer88
viewsHow to align the display of images respecting the individual height of each one?
The display of my images is irregular. See below: I need them to be displayed in a straight line. I made a montage below to illustrate how I would like them to be displayed, because I know that one…
-
2
votes2
answers1054
viewsHow to remove the background in a select option?
I have a select option with several countries I created the CSS to take the default style of it in browsers. I have two problems, a need to take out that blue background when I step over each option…
-
2
votes1
answer109
viewsHow to control the size of a font using @media
I’m trying to change the size of a font when decreasing or increasing my screen size using @media I know this is how it works: #Fonte{font-size:10vw;} @media (max-height:880px){ #Fonte{ font-size:…
-
2
votes1
answer25
views -
2
votes1
answer116
viewsApply CSS by conditioning when two classes are together
I have two situations: <div class="content"> <span class="title">Título</span> <span class="time">12:00</span> </div> and <div class="content"> <span…
cssasked 4 years, 9 months ago Fernando Issler 91 -
2
votes2
answers857
viewsIncorrect Background Image on Iphone
I’m using: <section class="parallax calltoaction section_padding_100" style=" background-image: url('images/models_cover/landscapes.jpg'); background-size:100% 100%; background-repeat: no-repeat;…
-
2
votes2
answers166
viewsLoading on top of the map
I have the following code drawn 2 polygons on the map. See: function initialize() { // Define the LatLng coordinates for the polygon's path. var bounds = new google.maps.LatLngBounds(); var i; var…
-
2
votes2
answers235
viewsBackground-position is not working
Hey there, guys. I used the image-Replacement technique, tried to leave the image centralized using the background-position: center, but the image position remains unchanged. Would anyone know why…
-
2
votes3
answers6461
viewsExchange CSS classes with simple Jquery function
I have a dropdown menu and in the corner of <li> I have an icon of the Font Awesome which symbolises an upward-facing arrow (fa fa-level-up pull-right) and when the user clicks on this…
-
2
votes4
answers380
viewscolumn-Count in css by breaking the line at the beginning of the column
I’m using column-Count in CSS to turn a text into 3 columns, so that’s okay. The problem is that I receive text with this Mysql specification: Lorem ipsum dolor sit amet, consectetur adipiscing…
-
2
votes1
answer28
viewsDo you have a problem adding more than one CSS library to an Angular project?
How many can I add? Is there a recommended limit? This interferes with application performance?
-
2
votes1
answer295
viewscss Display: grid; cannot align
I’m learning to use display:grid; What I want to do is that in the first column there is a blue square on top of a green and the second column is all red. What I have is…
cssasked 7 years, 3 months ago Big LaoBan 33 -
2
votes1
answer113
viewsHow to link a different stylesheet to the Django base template stylesheet
Let’s say we have the following template as the basis of a Django project (which will be called here html base.): {% load staticfiles %} <html lan="pt-br"> <head> <link…
-
2
votes2
answers184
viewsHow to make a window.scrollTo(0.0) without animation
I have an React application that in certain situations (because of the React-router) I should scroll to the top of the page. The problem is that in most cases the scroll should be animated and in…