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
-
0
votes0
answers62
viewsDoubt about Inherit and Float attribute in CSS
I have an activity to do about CSS that involves Inherit and Float attribute. The statement indicates the following: Build the following layout containing three divs , in column format, the first…
cssasked 4 years ago user202017 -
0
votes1
answer38
viewsRemove() method Does not work
I’m building a gallery with modal. With Javascript I add a class in css, but when I run to remove the same class I added it simply denies the command and nothing happens. The Html part <section…
-
0
votes2
answers1471
viewsHow to change color of a div with button click on Reactjs + CSS
I’m trying to change the color of div with button click, apparently it was supposed to work, but it only works on the second click, I don’t understand. The code is like this : The function I change…
-
0
votes0
answers27
viewsI can’t access container data
I’m using ReactJS to set up a food page and I’m having trouble changing the properties of Container for CSS. Here’s an example of how this in my project: Where "1" is controlled by .ImgContainer:…
cssasked 4 years ago halphelphilp 11 -
0
votes1
answer137
viewsHow to open or close all items on an Accordion
I have a Accordion with 3 items and at the top two buttons, one where I wanted to open all the items at once and another to close all the items at once, someone knows how to tell me how to do this?…
-
0
votes0
answers35
viewsHow to not overwrite components using Tailwindcss?
I created a component Header and when I log it into a component called Home, Header overwrites the h3 and even though I tried to put a display block on each component, it didn’t work…
-
0
votes0
answers16
viewsI need to get list values via attribut
I’m trying to take values from a line and pass to the key in the normal array created for inserted values I can pick up but then I went through keys of the database and data of the firebase of a…
-
0
votes0
answers14
viewsNavigation mobile sobre o content page
I created a mobile navigation, where it expands by clicking on the logo of my site. But it is expanded on the content of my page. I would like it to expand over the content, so that it covers the…
-
0
votes0
answers28
viewsDropdown menu only works once
I’m creating a blog and since I don’t have much knowledge in the programming area I took a template ready just to modify, but I noticed only one problem in it that I can’t solve, a dropdown menu…
-
0
votes1
answer25
viewsCenter the buttons
I would like to leave the buttons centered, but I’m not getting, could someone give me a light? Thank you already! I would like to leave the forgot password button further to the right. @charset…
-
0
votes1
answer67
viewsJquery to open PHP loop div
I have an application that lists registered tasks for each user, and this is in a while PHP loop that has a fetch array with mysql to create the list. The problem is on the button that expands the…
-
0
votes0
answers34
viewsI can’t link to my slider!
My slider is currently like this: *<!-- Revolution Slider --> <div id="rev_slider_4_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="classicslider1"…
-
0
votes0
answers13
viewsProblems with overflow inside the navbar
I created a navbar that has a dropdown menu with multiple menus. Passing the mouse in one of the menus, is to appear another submenu, when passing the mouse in each submenu, is to appear more…
-
0
votes0
answers206
viewsHow does span element spacing work?
Depending on how I write the code, the span element puts a spacing. <div style="padding:20px; border:1px solid black; margin-bottom:16px;">…
-
0
votes1
answer22
viewsHow to insert a scrollbar inside the th element of a table?
I would like to fix the cell size of the table, and if the information contained exceeded this limit, a scrollbar would appear only to the specific cell, allowing the user to see all the…
-
0
votes1
answer110
viewsWidth does not work in certain screen size
I made a sidebar on my site, and its width is changed by javascript when you press a button, and everything works fine, but if I decrease the screen size to a certain point the width stops working,…
-
0
votes2
answers104
viewsChange background color of a table Row using checkbox
I’m trying to change the color of a row when a checkbox is selected, but when selected only one, the table the entire color is changed, the check remains only in the selected one, but the color is…
-
0
votes0
answers37
viewsfunction does not work within setInterval within another function
Hello, I started studying Javascript a little while ago, and I always get excited when I go to mess with kk functions, I’m trying to create a stopwatch with JS and HTML, but when I create the…
-
0
votes0
answers30
viewsProperty condition in CSS class
I use a private library component in my project. This component is image upload and I need to remove the event from a button using the CSS but it is not possible to modify this button by code. Then…
-
0
votes0
answers26
viewsTable header does not repeat on new sheet when printing
I have a attendance table of a school and when printing it generates two sheets. However, the table header that should be displayed on the two sheets only appears on the first one. As the header has…
-
0
votes0
answers14
viewsCodeigniter controller does not show dropdown
I’m having a little problem with the dropdown menu and my codeigniter controller. I have in my controller the variables for the dropdown content, but it’s not working. They’re just not working…
-
0
votes1
answer29
viewsVertical limitation of the web page
Hello, my first question (I’m a little nervous O.o), I hope I can explain my doubt. My doubt... I have a project for college and I’m having difficulty of Front-End, I need to perform a Horizontal…
-
0
votes1
answer39
viewsI want to be able to customize OUTPUT, I want to be able to customize the result of the calculation but I cannot with this code
1.I have already done the css of the first part, that is the part that commands the information, which in this case is the height and weight. I want to take this information and calculate the BMI.…
-
0
votes1
answer39
viewsNesting (nesting) is a specific feature of SASS?
I just finished a Bootstrap course and I had one question: nesting (nesting) is a specific feature of SASS? From what I understand here, yes. I say that because when using Media Queries in…
-
0
votes1
answer90
viewsUse Header,Main,Footer as Frames
Good afternoon, you guys. I started using html at the time of the front page, at the time we used frames to have the link only in the body of the page, leaving the static top without loading in a…
-
0
votes0
answers11
viewsThe body is not filling the entire screen, how can I solve?
Hey, guys. All right? I’m doing an exercise with form and background body was made with linear-gradient, but somehow it seems that the body is "stuck" in the form container. If I change the height…
cssasked 3 years, 11 months ago Ingryd Rios 1 -
0
votes1
answer319
viewsTake SELECT value with JS
I want to take the selected value from select and return to the screen using js. HTML: <select name="lista" id="lista-conteudos"> <option value="ADIÇÃO">Na adição uma quantidade é somada…
-
0
votes1
answer47
viewsOverride preloader div to a Section element
I need to add a div preloader at the centre of an element article! I don’t want this preloader to expand into the whole body, because the laterial menu is static! So I want him to occupy only the…
cssasked 3 years, 11 months ago Wagner Fillio 1,328 -
0
votes0
answers19
viewsTransition with Vue grid
I have the following code in my component: HTML <template> <div id="app" :class="[ { 'hide-menu': !isMenuVisible || !user }, { 'hide-header-footer': !user }, ]" > <Header…
-
0
votes1
answer92
viewsDropdown button inside a card does not work (Bootstrap/Angular)
Hey, guys! All right? I cannot make the dropdown work and open your options. This button is inside a card that is to be a kind of left sidebar. I got this button on bootstrap. All this code is…
-
0
votes1
answer31
viewsFunction to save script ? JAVASCRIPT
I have a script and would like just to put you inside a Function because it is not good practice to let "loose" scripts, so I would like a function that does not modify at all my script, just serve…
-
0
votes0
answers52
viewsPlacing CANVAS inside an SVG, is it possible?
I’m trying to create a quiz for visitors to the page to mark where they’re feeling pain in their body. My idea was to generate an area that was possible to draw/paint but that was delimited by the…
-
0
votes0
answers65
viewsSearch bar return card according to what is typed
I need that as I type in input, stay only the card containing the characters typed. Example: In input I typed "AD", so the system should look for cards with the title that contains the characters…
-
0
votes1
answer30
viewsMisaligned search bar of the div
My search bar is not inside the border of div. It was all supposed to be in one line inside the div, but the search bar is below the border of the div. body{ margin:0; } .conteudo{ border: 1px solid…
-
0
votes1
answer112
viewsShow and hide fields as checkbox is selected
I need each of these checkbox options (if selected) to show the input field related to each of them. But when I select the checkbox it does not show the related text field that should be displayed.…
-
0
votes1
answer29
viewsTake 2 values of 2 inputs and add
I would like to know what I’m missing! Besides the numbers can be with comma or without. I wonder how to solve these two problems. var x = Number(document.getElementById('x').value); var y =…
-
0
votes0
answers24
viewsHow do I apply the style of a component to the Facebook Login button of the React-facebook-login?
I’m using the package react-facebook-login to create a Facebook login on a page. It already had a stylized button (component). However when I use the Login button component of the package, it is…
-
0
votes2
answers57
viewsIs it possible to use jQuery effects with the <option> tag of a <select>?
I wanted to use a jQuery effect, for example the hide(). You can implement this effect by clicking on a <option>? <div class="form-group" style="margin-left:…
-
0
votes1
answer23
viewsWhy is Box Alignment not working?
I’d like to create a space between Register and Remember, but it’s not working. <head> <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"> </head>…
-
0
votes1
answer100
viewsDisable links in an iframe
I am unable to find a solution that disables links within an IFRAME. I’ve seen on the web the option to use a pointer-Events: None; within CSS. This works, but ends up making the scroll of the page…
-
0
votes2
answers39
viewsClick to close all Faq questions, open the clicked question and with another click, close the open question
Good afternoon, I am creating a FAQ, and in it there are some questions that when they are clicked, should appear her answer right below, to do this I created a toggle in JQUERY. To ensure that the…
-
0
votes1
answer64
viewsClose toggle menu by clicking on an item in the navigation
I have the following codes: <div class="menu-toggle"> <div class="one"></div> <div class="two"></div> <div class="three"></div> </div> @media…
-
0
votes1
answer36
viewsHow can I make the last two boxes move to the right without changing at all the content within them?
[![ CÓDIGO CSS: * { margin: 0; padding: 0; } body { background-image: url("imagens/imgfundo.jpg"); background-attachment: fixed; width: 100%; } header { width: 100%; background-color: rgb(202, 212,…
-
0
votes0
answers8
viewsInput-group-text formatting breaks in input | ASP . NET CORE MVC
I am trying to make the following image on my form: but in my form it gets broken: I’ve tried several things but never certain, follow the code in my view: <div class="col-md-2 form-group">…
-
0
votes1
answer109
views -
0
votes1
answer32
viewsDetecting Input Value is Transforming to Message
I’ve been trying to create a system for a while, but I can’t. I have a life bar that moves according to the current value and the maximum, with a dice next to it that creates a random value from 1…
-
0
votes0
answers30
viewsdisplay an online and offline background color status, and taking away information duplication using PHP and an API
Hello, I’m here to ask for your help, I have a job to do with pure PHP and an API provided by the company, and the part I stopped was where I need to do online and offline status by changing the…
-
0
votes0
answers58
viewsAlign 2 Information in a column with Table Using *ngFor
So I’d like to line up my table, currently it’s coming like this: But the expected would be something like: in this case, each part of the object in a given row column (showing both the status and…
-
0
votes0
answers31
viewsInsert registration button
I want to put a sign-up button as well as this in the image below. It is possible to leave this way using css/bootstrap? I’m using this code:Code login/registration page It’s just that I’m trying to…
-
0
votes1
answer30
viewsPop up extension Chrome cutting text
Hail! I’m doing a pop up for my Chrome extension but am finding a problem. When I click on the dropdown, the text is cut: I believe it’s because he’s going to right but Chrome does not allow…