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
votes1
answer34
viewsSite menu does not work on some mobile page
I made a site where the menu is inserted in all pages through a include. It turns out that on some pages when the menu gets in the format for mobile devices works normally and on other pages it does…
-
0
votes1
answer96
viewsOverlay on a form label
Hello I have a problem formatting form in which input is overwriting the label when the screen is decreased and I wanted it to position above the input when the screen size was decreased. Techo html…
-
0
votes3
answers181
viewsPosition a circular image in the center
I am creating a website and would like to position the image in the center. .circle { background-color: #aaa; border-radius: 50%; width: 150px; height: 150px; overflow: hidden; position: relative; }…
-
0
votes0
answers44
viewsProblems with the transition in css
I was studying the transition issue and came across a problem: if I put the transition with its proper parameters within my class in CSS everything I declared within it is activated with the…
-
0
votes1
answer34
viewsHow to use Hover
Wish when I put the mouse on top of the div.caixa alter my div.caixa-titulo, but I could not. My code: <!DOCTYPE html> <html lang="pt-br"> <head> <!-- Meta tags Obrigatórias…
-
0
votes2
answers66
viewsblock with css on the mouseover
In CSS has way of passing the mouse on an element, do display: block in another as is done in JS? The object is that I have the following structure: <ul class="menuAdmin centralisado">…
-
0
votes3
answers1601
viewsz-index doesn’t work because?
I have this very simple code, my div#d4 is coming out of your container and falling into the div#d2 this because the div daughters do not fit in the div father. And by defining a position: absolute…
-
0
votes1
answer61
viewsResponsiveness to modal
I have a page where I created a modal with some text boxes inside, nothing very elaborate. When I change the screen resolution to very low resolutions like 800x600 my modal deforms a lot, it gets…
-
0
votes1
answer67
viewsMake mobile like desktop
I own a section on my website that on the desktop presents the expected behavior, a row divided into 3, using col-md-4, on the desktop the behavior is normal, on mobile tried to use col-xs-4 to be…
-
0
votes1
answer97
viewsDivs with zebra colors and property order
I have the following structure: .pai{ width: 300px; display: flex; flex-wrap: wrap; } .filho{ width: 80%; margin-top: -1px; border: 1px solid black; } .ordem1{order:1} .ordem2{order:2}…
cssasked 5 years, 5 months ago Pedro Augusto 2,392 -
0
votes0
answers39
viewsAlign images that link box with dynamic sizes
I am developing a page where I needed to do a type of "Steps", I chose to follow with the cols of the bootstrap and with css Nth Child Odd and Even set the margins and those dotted lines next. The…
-
0
votes1
answer44
viewsMenu changing as per resolution
The menu of my website changes depending on the resolution of a device, it leaves it a little unnoticed. There is how to leave this menu "fixed" in any resolution? Normal (as I want it to be): In…
-
0
votes1
answer77
viewsCSS for printing - How to control data flow
Good afternoon! I’m setting up a layout for printing, where there will be a lot of data that exceeds more than one page. Does anyone know how to control the amount of data per page not to cut the…
-
0
votes0
answers34
viewsFirefox and Edge add link in filter url() how to resolve?
I’m using filter in the CSS to make an effect, but since it is SVG Filter, I use filter: url('#id'); but in Firefox and Edge browsers they increment a path forward that ends up removing the effect.…
-
0
votes2
answers38
viewsSetting menu abruptly
I have a menu that after scroll wins a class. Fixed which makes it cool. It works, but the menu fixed in a very abrupt way and even the scroll of the page is damaged since it fits the new attribute…
-
0
votes0
answers31
viewsDiv is inheriting css height to some extent, then defaults! How to fix?
I have the following table: Even at the point of the blue arrow are aligned, then when the text is larger on the left side, the right side does not follow the height. how to corrgize? css:…
-
0
votes4
answers59
viewsDiv in the center next to each other
I’m creating a website, created some Ivs and wanted them to be next to each other centralized, I tried with float but it is below. CSS: .fundopython{ background:#232323; width:200px; height:250px;…
-
0
votes1
answer256
viewsPositioning with display: flex
I was doing an exercise page and I had a question with display: flex. Take the example. I have a DIV centered and within it others DIVs underage. Below the HTML <!DOCTYPE html> <html>…
-
0
votes3
answers326
viewsChange the size of an image by device
How do I change the size of an image according to the device? I have the code below: <div class="header-outs" id="header"> <div class="slider"> <div class="callbacks_container">…
cssasked 5 years, 5 months ago user24136 -
0
votes1
answer77
viewsCheckbox disappearing when click
I’m making a custom checkbox and when I click, it disappears. I want, when I click it, to appear True or False without it disappearing. When I remove the onClick() event the checkbox does not…
-
0
votes1
answer500
viewsBlocks side by side above and below
Hello, I’ve been postponing this doubt and leaving aside [...] I look for a simple solution to leave blocks of tables side by side. In this example the blocks start at the bottom edge up with…
-
0
votes0
answers53
viewsLeaving a Hidden table using javascript, primefaces and JSF
I have a screen that asks for cnjp, dtini and dtfim, status and a query button. In javascript, the query function calls another function that validates the fields. If the fields are ok, a table with…
-
0
votes2
answers369
viewsFlex vertical alignment
I can’t align the blocks vertically once the line is broken, they’re too far apart: <style> body{ background:black; } .flex-start { align-self:flex-start; } .wrap { flex-wrap: wrap; }…
-
0
votes2
answers60
viewsInfinite scroll does not update with CSS class
Goal I have a table populated by the database, and would like to update as scroll is ending. Test scenario $(document).ready(function() { $("#regs").scroll(function() { if ($(this).scrollTop() +…
-
0
votes2
answers179
viewsJavascript function for color exchange
I am developing a function for color customization of a template for people to have the freedom to customize the way they want. I created a JS function for this, it worked perfectly when it was just…
-
0
votes2
answers49
viewsHow to use desired CSS file property
the SELECT element is "taking" the height property of a file. css . But Inputs "use" this same property of another css file ( which is the ideal file). And with this the height of the SELECT is…
-
0
votes1
answer62
viewsHow to make the footer accompany the retractable menu
Problem: I have a retractable menu and a footer on my online system. I’m not getting to make sure that when the menu is dried my footer can accompany the menu. Source Code: Html <footer…
-
0
votes2
answers1548
viewsRemove standard container space
I’m performing a style modification within my #div1, but she is inside a container, so the stylization doesn’t take the whole field, it’s as if the div did not occupy the whole field, there are left…
-
0
votes1
answer66
viewsCenter a single div on body with Dsplay: Flex
I have the body and a div with width: 320px; I would like to focus on body that is flex. But look at that, NAY I want to center your content. Would like to centralize the very div in body. body {…
-
0
votes1
answer127
viewsAnimate item to :Hover and return with other properties
Having an item, for example, an icon. I need your initial state to be gray and your CSS will be: filter: grayscale(100%) opacity(0.5); transition: 1s; After that, in the :hover the icon needs to…
-
0
votes1
answer52
viewsHow do I execute a scrip only after it is visible to the user?
I have this script: var count = document.getElementById('contador').innerText; var temp = count - 1000; function counting() { if(temp<count) { setTimeout(function(){…
-
0
votes4
answers97
viewsChange image by clicking on radio input
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Pergunta</title> <style> .carinha{ width: 50px; height: 50px; } </style> </head>…
-
0
votes1
answer118
viewsAutomatically change CSS every date
I want to create a menu that every day one of the links changes the style using the same computer date... Example of javascript: function _getDateEnd ($element) { var date = new…
-
0
votes1
answer54
viewsHow to increase the chart without breaking the mobile layout
Problem: I created a chart using the google API, but I had to make the chart small so when it’s mobile it won’t break. The problem is desktop size becomes unviable. How does it have to look: I would…
-
0
votes2
answers54
viewsHide and show content
I tried to use this form to "store" content (surrounded by blue in the print) that would be shown after clicking on the button that contains the image. But I can’t because the button doesn’t work…
-
0
votes2
answers59
viewsHow to create a height div with a prescribed value that decreases when redirecting the screen
I’m having difficulty creating a div in which the width is 580px with the 767px media query, when I decrease the screen the div remains fixed at the same height value. How do I get gif to follow…
-
0
votes2
answers772
viewsHow to center an ul inside the div?
I can’t centralize a list in the center of the div. I was able to leave more or less centralized defining a width for ul, but it is not aligned with the corners. * { margin: 0px; padding: 0px; }…
-
0
votes1
answer40
viewsHow do I leave the background with greyscale, but its elements in the same original color?
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>bluantinoo CSS Grayscale Bg Image Sample</title> <style type="text/css"> div { border: 1px…
-
0
votes1
answer110
viewsI can’t change properties using css
I am learning web development and when trying to do a simple test I could not change font size, background color and other properties. I don’t understand where I’m going wrong. #tabela{ font-size:…
-
0
votes1
answer180
viewsHow to move the i element in css?
How could I do so that all icons could be left of each label? They are inside the 'i' element that is inside a div. HTML <h1 class="h3 mb-3 font-weight-normal">FALE CONOSCO</h1>…
-
0
votes4
answers1230
viewsPut smooth transition with Javascript
I created an expandable div with Javascript, but I would like it to open more smoothly. How could I add a Transition to that? Follows the code: TS: toggleDiv(divid){…
-
0
votes2
answers69
viewsHow to interact multiple dropdown menu?
I have two menus, what function to do and how to do, so when open one, close the other? And when clicking outside the close menu also? Thank you! My code function menu1() {…
-
0
votes3
answers41
viewsSidebar open at the place I click?
Hi, I’m trying to do a sidebar on a button, and I need this sidebar to appear where I click the button. But for some reason, this sidebar is climbing to the top of the screen. Follows the code:…
-
0
votes1
answer49
viewsClass change problem in jQuery
I am developing a simple layout with HTML, CSS and jQuery. My problem is that the left icon is being replaced by the right arrows when I select an accordion. HTML <ul class="menu">…
-
0
votes0
answers46
viewsHow can I create multiple $_SESSION in one function?
To be clear, I am developing a simple PHP and SQL application, which has been breaking my head in the last few days... <?php session_start(); include 'header.php'; include 'db.php'; $pesquisa =…
-
0
votes0
answers54
viewsDropdown Menu does not work
I’m creating a header containing a dropdown menu, but I need that when the person click products open another dropdown with more information, when I click does not appear. <div class="navbar…
-
0
votes1
answer30
viewsHow to apply border-shadow on a parent and child element with Hover?
I’m taking a CSS course and I came up with this question: How do I apply the same border-shadow to the parent element (.plan-highlighted) and the child element (.plan__annotation) when hovering the…
-
0
votes1
answer174
viewsAssigning a CSS style to a specific element within a div
Hello! I’m doing a project and I have a div flexbox-container who has three div daughters, card-home-main. I would like to make an effect by passing the mouse on card-home-main, but when I do this,…
-
0
votes1
answer70
viewsHow do I align the input with the buttons - and +?
.counter svg { left: 14.78%; right: 82.29%; bottom: 45.02%; fill: #2f3676; …
-
0
votes1
answer180
views::active + CSS is not working
div.duvidas2 > div > div::active + div.duvidas2 > div > article { display: block; } div.duvidas2 > div > article { display: none; } <div class=duvidas2> <div>…