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
votes2
answers38
viewsDropdown problem in the menu
When you display the submenus it is increased the height of the menu, what I want is it to override the menu or anything else that is below. .menu { width: 100%; background: #1f1f1f; border-bottom:…
-
1
votes1
answer55
viewsHow to make the button occupy all the height and width of its parent element?
Hello. I have a table that is dynamically populated with data coming from the Mysql database. For this I use AJAX and PHP. I have the following question: How do I make a button (which is actually…
-
1
votes1
answer628
viewsscroll bar changes content setting
Hello, everybody! I want the scrollbar on my div to appear only when the Hover is activated and so far so good. The problem is that when the scrollbar appears, the content of the div is thrown to…
-
1
votes1
answer41
viewsHide entire first elements until you don’t leave the div
I’m having a problem with css, I don’t know how to hide the first element (since it’s on float: rigth, it is the other way around) in full until they fit in the div leaving out. :root { --tema:…
-
1
votes1
answer66
viewsWhy doesn’t my Submenu show up?
I have this following code, only my submenu does not appear because? <!DOCTYPE html> <html lang="pt-br"> <head> <title>CSS Template</title> <meta charset="UTF-8">…
-
1
votes2
answers85
viewshtml page does not interpret css class inserted on button at runtime
I wrote the following code: $(document).ready(function() { $(".addAssunto").click(function() { var tr = '<tr>' + '<td>' + '<input type="text" class="form-control no-border"…
-
1
votes2
answers128
viewsButton does not show full name
I have several buttons inside my divs. I leave the css that I use to put the div side by side and the css to set the size of all buttons so that they are all the same. But then I have the problem…
-
1
votes1
answer321
viewsAlign on the same line buttons on different Forms
Good morning, I am with the problem that is, two buttons on different Forms do not stay in the same line: <div class="w3-row-padding"> <form action="editar_admin.php" method="POST">…
-
1
votes1
answer8559
viewsLike putting a div under one?
Gentlemen, I’m trying to insert a div under the other, the same should be according to the attached image, but when I execute it is not working. It follows an excerpt of my code, must be some detail…
-
1
votes2
answers391
viewsvisible or invisible input when selecting checkbox
The Form has a checkbox that when selecting shows an input that is hidden. It is working correctly, when I enter the page the input is hidden and is only visible when I select the checkbox, as I…
-
1
votes1
answer23
viewsBranch Filter Using Buttons
Hello, I made a branch filter for my company, but I put up a backlog. I want the person to choose the region of the subsidiary and browse the content of that button and that the content will…
-
1
votes2
answers417
viewsDiv position Fixed below other Divs
Hello i would like to put a div Fixed on the right side of my div without it getting over the dolls. as I go scrolling this div goes accompanying the scroll but only inside the black div! the dolls…
-
1
votes1
answer35
viewsUL display failure at the time
I have a UL and its li’s has 50px of height. In this case the height of UL must obey these 50px Turns out in some li’s I have images in them and this is causing a augmentation in height of li. The…
-
1
votes1
answer81
viewssome Font Awesome icons load, others do not
Hello! I created a menu with pseudo elements to place Font Awesome icons. It turns out that some icons render, others appear only as a little square. What can be? CSS: .phoen_nav_tab li {…
-
1
votes1
answer239
viewsPut text under image slider without breaking harm the layout
I own an image slider so: I need to put "subtitles" underneath each of the images. How it is in html: <div id="pic-0"> <a href="/ModuloPublico/AssociacaoCooperativa/Index/101"> <img…
-
1
votes0
answers39
viewsHow to catch the event when an input receives text from the autocomplete? No Jqueryui?
I need to know if you can notice (event) when I’m browsing the listbox generated by the Chrome autocomplete (for example) when it automatically plays address values, phone, etc, in the form fields…
-
1
votes1
answer985
viewsCenter a div to the center of the screen in flexbox
I’m trying to make a copy of the website https://champion.gg/ using grid/flexbox and would like the Champion search box name centered with the page, same as the original site. I applied a…
-
1
votes1
answer312
viewsHow to align text vertically next to image?
Hello, what is missing in this code to align the text vertically next to the image, and each of the three smaller divs has an image and text. * { margin:0; padding:0; } body { background:…
-
1
votes1
answer562
viewscheck if file is image or video with JS or JQUERY?
Good night! I’m doing an image/video preview before the user posts it, I’m wanting to do it with a single input and would let JS check the file and return the extension so I can display the desired…
-
1
votes1
answer58
viewsExpected text is not displayed
I made the following program to create a restaurant system that has a menu and the user entering their orders. HTML code: <!DOCTYPE html> <html lang="en"> <head> <link…
-
1
votes1
answer185
viewsCol-Md-6 falling down instead of standing on the side
I need to make a section as in the image. That’s why I organized it this way. HTML <section class="second-section"> <div class="container"> <div class="row align-items-center…
-
1
votes2
answers637
viewsHow to add icons before the placeholder
I am working on the front of a login and I am wanting to insert the contact icons for the email field and the lock for the password. I want to insert before the message of placeholder. I am not…
-
1
votes1
answer125
viewsCarousel button does not appear
I tried to look for error of all that is way but I found no way <div id="carouselFritou" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div…
-
1
votes1
answer60
viewsWhy is <li> centered?
@charset "UTF-8"; body { background-color: rgb(0, 0, 0); } /* header principal */ header#main-header { width: 246px; height: 42px; background-color: rgb(68, 68, 68); margin: auto; }…
-
1
votes1
answer185
viewsHow to change the color of a Row with a ngx-datatable active Selected?
Good afternoon, everyone! I have tried several ways to make a color change of an ngx-datatable Row, but only way I could was to change the color Hover of my Row. What I need is to change the color…
-
1
votes1
answer102
views -
1
votes1
answer66
viewsHelp with positioning Divs when you arrive at a certain media query
Good evening to you... I’m doing a simple test here to start a project, only I’m not getting the Divs positioning the way I want it. I wonder if anyone has ever done something like this and if you…
-
1
votes2
answers162
viewsRemove Class from an element two levels above the clicked element
You guys, I own a lot of divs like that: <div class="funcionalidade"> <div class="imagem-funcionalidade azul-escuro"> <img src="https://www.xxx.com.br/img/xxxx/xxxx/logo-xxx.png"/>…
-
1
votes1
answer234
viewsDoubt table header
I’m trying to get a tag th has two lines and the first line occupies the width the whole of the parent tag, and that the second row be divided into 4 columns. However I could not reach this result…
-
1
votes2
answers235
viewsBorders on each part of the menu
Opa, I’m creating a site using html + css, I was making a menu but it got a bit buggy the part of the "edge" of it. I marked in red where the blue bars were missing. HTML: <!DOCTYPE html>…
-
1
votes1
answer48
viewsWhy can’t I recover the background color with the gift
I’m trying to recover the color of my div but I can’t, I’d like to know why this is happening My code <!DOCTYPE html> <html> <head> <title></title> <meta…
-
1
votes1
answer38
viewsedge an object that doesn’t exist
Hello! I’d like to put an edge on my counter. The problem is that my counter is based on the case numbers of json, so the numbers in html do not exist. Is there any way to edge the div that has no…
-
1
votes1
answer109
viewsResponsive Sidebar according to information
I’m not being able to make my menu responsive, I mean, in case I put a lot of information in the center of the container it breaks, I’d like this menu to extend or something similar to that... How…
-
1
votes1
answer147
viewsCreating a CSS card
Well, I’m trying to turn a table into cards when the site opens on a mobile device, but I don’t know much about CSS. I’m basing myself on this model, in my card turned only the data, but the header…
-
1
votes1
answer139
viewsFullcalendar in Bootstrap Modal
I’m using fullcalendar in the Bootstrap modal, but the colors of the day of the week turn white, but when I take the cursor off the site, the colors turn black. Look at: When the cursor is inside…
-
1
votes0
answers15
viewsChange css by browser Debugger
Hello, I started in web development a little while ago, and I’m wanting to automate my service, to be able to do it faster. Before to make css changes I opened the css file in visual studio made the…
-
1
votes1
answer63
viewsHow to align an image within an Alert Bootstrap component
I need to align the image horizontally and vertically in the center of the Alert, but I’m not getting it. I tried to use a 100 padding (as an example) to demonstrate that the image moves... I would…
-
1
votes1
answer47
viewsLinear-gradient with an image
I wanted to do this in the title of my box: Is a linear-gradient with the colors of the image and at the end the image. I tried the codes below but it didn’t work here. What’s wrong? script…
-
1
votes0
answers28
viewsConvert UL list to radial
I’m trying to turn an image infographic into something editable in HTML/JS/CSS. I’d like to bring it as close to the image as possible. I need you to be flexible enough that you don’t need to pass…
-
1
votes1
answer211
viewsHow to fix a content or a background to a div
I’d like to do with that div roll along with the page but its contents or the contents of a before that would be in the case of the image (if applicable), it would be fixed so that the content (or…
-
1
votes1
answer647
viewsHow to set up Gulp.task default Sass and watch
hello I’m having some problems configuring gulpfile.js to automate the conversion of Sass to css in the test project, below I explain the environment and errors presented Folder structure //layout |…
-
1
votes1
answer123
viewsChange widget CSS when menu is pinned to top
I’m using the Sticky-top bootstrap class to pin the menu to the top. But I wish that as long as the menu was not fixed, the icon would not appear. I mean .menu-principal img, I would like when the…
-
1
votes1
answer92
viewsReduce UL padding during scroll
How do I make to reduce the padding of UL fixed of 40px for 20px after scrolling the screen on 10px only using CSS? I tried as below but nay worked: html, body { margin: 0; padding: 0;…
-
1
votes3
answers515
viewsButton type reset calls a function
I have a web form on which I put a input type="reset", to delete the form data in case the user needs it. The button works and is erasing the data as desired, but I’m having a problem. I have a…
-
1
votes2
answers83
viewsAlign menu to center
I want to ask for help with something I’ve been trying to do for a long time. I can’t, I’ve seen several posts and no one really explains what’s wrong or what I should do. I’m trying to line up a…
-
1
votes1
answer330
viewsHow to put scroll in Bootstrap Scroll?
I would like to put the smooth scroll effect by clicking on the "see more" of Collapse in the code below. I am using HTML, CSS, jQuery and Bootstrap. HTML: <!DOCTYPE html> <html…
-
1
votes1
answer811
viewsScrollbar only with buttons or div
Hello, I need to create two buttons that have the same function as a scroll, but without bar, I want to click and hold the button down the page, and when just a click, scroll down the page. The same…
-
1
votes1
answer42
viewsNon-responsive input with Menubar is minimized
I have a search input with an icon in a sidebar that when minimizing the menu, the input icon "goes out" from the menu according to the images: Does anyone know how to fix it? I’ve tried with…
-
1
votes2
answers73
viewsHow to make the button always right at the top inside the div?
function customAlert(customMessage) { var interface = window.document.createElement("div"); var button = window.document.createElement("button"); var paragraph = window.document.createElement("p");…
-
1
votes1
answer55
viewsWhile with Javascript grabbing images inside a folder
How to pick up images inside a javascript loop folder and insert along with the styling of Materialize Css Note that the images inside the folder are already all sequentially numbered. <div…