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
votes2
answers81
viewsGrow DIV according to content
.box { height: 42px; width: 800px; background: aliceblue; } .inside-box { height: 42px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .icon-box { width:…
-
0
votes2
answers71
viewsposition elements on a grid
I’m trying to make a calculator and I’m not being able to let the round buttons get a little flat, also I’m not being able to leave the 0 the same way it is in the picture I wanted to know how to…
-
0
votes2
answers460
viewsPosition of arrow in select
I have the following code to mount a select input[type=text], input[type=datetime-local], input[type=number], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border:…
-
0
votes1
answer112
viewsMove sidebar to the right
I’m trying to move my sidebar with bootstrap in css to direct. but I’m not getting it. Could someone help? SIDEBAR: <div class="d-flex" id="wrapper"> <div class="bg-light border-left"…
-
0
votes1
answer1123
viewsCSS - Remove focus from button by clicking
I’m trying to remove the blue border that appears on the button while clicking, but insists on staying, which is missing? Note: I am using the Bootstrap 4 I want you to have no focus or style on the…
-
0
votes1
answer78
views -
0
votes1
answer196
viewsMove elements from right to left, Nav
Gentlemen, great day, great day, Please, I am working on a particular project, and slowly creating the page. I want to put the lis to the right, but with this codígo can not, the documents say that…
-
0
votes1
answer986
viewsFlexbox max-width 100%
I’m studying about flexbox and I tried to put together a structure with flex layout to which I have a container that fills my entire page, inside this container I have two elements, a sidebar…
-
0
votes1
answer70
viewsI can’t center text with "vertical-align"
I want my text to be centered horizontally and vertically on the element <div>. For this, I am using the properties text-align and vertical-align for this element. The problem is that the…
-
0
votes1
answer44
viewsHow to convert Java source string to HEX for Unicode to embed in HTML?
How to convert using Javascript: The guy Java source string: \u900 for Unicode: ऀ Today I have the following HTML element: <i class="icon-zoom-out"></i> And the CSS class:…
-
0
votes1
answer18
viewsHow to adjust level of a bar with double lists
Hi I created 2 lists inside a navbar, but the list left ta at the top and right at the bottom, I wanted them to be on the same level, *{ margin: 0; padding: 0; } nav.top{ width: 100%; background:…
-
0
votes1
answer32
viewsI can’t get the "column" Divs to stand next to each other
It was supposed to be 3 columns next to each other <div class="container"> <div class="containerint"> <p>Confira nosso trabalho</p> <div class="linha"> <div…
-
0
votes1
answer90
viewsHow to make a div fill the remaining width with pure Css
I have the following html code: <div class='pai'> <div class='filho1'> Texto Qualquer que eu não sei o tamanho de caracteres </div> <div class='filho2'> Componente que deve…
-
0
votes1
answer66
viewsMy footer is not at the bottom of the page in smaller screen
Good evening, I’m new to programming and I’m doing a simple project (to get a sense of the elements), but I’m having a hard time, come on: I have problem in the footer, where I do the responsive…
-
0
votes1
answer58
viewsCSS Grid Tables creating new lines when they shouldn’t
I need to create a grid with 4 tables within a fieldset, which should have 2 rows with two tables each. But instead of putting two tables side by side on the lines, the code creates a new row for…
-
0
votes2
answers101
views(JAVASCRIPT) How to style the layout of this JS code?
I have this code in javascript and I would like to edit its layout, but I do not know how to do (or do not remember) if you can help me showing examples I would appreciate. <script> function…
-
0
votes1
answer63
viewsCenter <div>
Hello, I’d like to know the reason for my <div> not being centered in the middle of the page, it is in the extreme right as in the example I created below: div#pagina-principal { position:…
-
0
votes1
answer102
viewsBreak line with <img> and <p> inside an <ion-button> - IONIC 5
I have the following HTML: <ion-grid fixed> <ion-row> <ion-col size="12"> <ion-button (click)="go('adopt')" class="button" color="dark"> <img…
-
0
votes1
answer102
viewssplit article into two columns
Good evening, I’d like to know how I can share the <section> below in two columns so that they are identical and with the texts aligned. On my site the left column is correct but the right one…
-
0
votes1
answer59
viewsEnable and disable action by clicking on JS
I’m facing a problem. I’ll put in the code and explain what I can’t do. const interval = setInterval(() => { const header = document.querySelector('._1QUKR'); if(header) {…
-
0
votes0
answers29
viewsHow to organize links around the center with flexbox
Hello, I got to center my soon and put the links around, the problem and the logo overlap the links, wanted to align and decrease the margin between each link. * { margin: 0; padding: 0; box-sizing:…
-
0
votes3
answers359
viewsHow to move elements in HTML
I’m developing an application and I don’t have much knowledge about HTML. I took a template straight from the bootstrap site and am making some changes to look the way I want, but I’m having the…
-
0
votes1
answer30
viewsDisable input in the form
I intend to disable form inputs. I know that the disabled or the readonly does this process. I intend to use the readonly on the form. I’ll post the code and then explain the problem: @import…
-
0
votes2
answers255
viewsHow to center all elements of an HTML page vertically?
I’m making a page using bootstrap and I need the carousel stay centered with the images in the middle of the page, both horizontally (already done) and vertically, because on the mobile phone, the…
-
0
votes1
answer45
viewsproblem HIDE and DISPLAY Jquery element (error)!
I built a simple javascript with Jquery for Hide and Show a field where the values tbem are reset depending on the option chosen in select, the problem is that when you enter the screen and select…
-
0
votes1
answer90
viewsContainer problem in html and css
I don’t have much knowledge in html or css. When I minimize the screen or change the resolution, the container does not follow the same pattern. As follows: Maximized: Minimized: Why is this…
-
0
votes1
answer67
viewsHow to remove the space between two Divs?
I have already researched here by SOF but the problems that appeared did not resemble mine, so I would like to know what I did wrong here: I want to know how to remove this space between the two Ivs…
-
0
votes1
answer54
viewsCSS does not access HTML subclasses in React
I’m having trouble accessing one class within another. I have the function Banner: import React from 'react'; import './Banner.css'; function Banner(props) { return ( <div className="Banner">…
-
0
votes1
answer453
viewsIs it possible to change the parent element’s css when there is a different child?
With CSS, is it possible to modify the parent CSS if the child has a different class without changing the parent class name? I just need to actually change the default bottom of the page, when the…
-
0
votes1
answer193
viewsHow to customize Swiper React.js Arrow in jsx or Styled.Component
I want to customize the Arrows of Swiper, but I found nothing in the documentation. This is the code of my navigation: const params = { navigation: { nextEl: ".swiper-button-next", prevEl:…
-
0
votes1
answer1977
viewsiframe :Failed to Launch <link> because the Scheme does not have a Registered Handler
I’m coding a project in html and Linkei a google form to the boot of vacancies, more when I click to open the form on an android device it does not open, I searched on the internet the error but it…
-
0
votes0
answers30
viewsResponsive Footer with CSS
I’m trying to make a footer that is always at the bottom of the page and that is responsive to the other items. But it only works on a page with a lot of content that takes up all the space, on…
-
0
votes1
answer16
viewsLocalstorage, jquery and CSS
I’m saving the font size on localStorage and recovering to set after the page is ready, I am not able to set using the value recovered in localstorage, to set the source I am using jquery, follow…
-
0
votes1
answer272
viewsSpace between HTML lines
Hello I have a problem with a signature in the company where I work, I had to add some icons and make it more beautiful, until then everything ok, but there was a space between the lines that I can…
-
0
votes1
answer38
viewsDoubt with CSS (Doubt about css)
Hello! How can I build this background in a section using css? I’m a novice and started a personal project, but I can’t build that background with pure CSS. Is it possible to do this? I searched…
-
0
votes2
answers50
viewsI created a navbar with a form on the side but when I add several inputs in the form the page loses the background
form view: <div class ="registerUser"> <h1 class="w3-xxlarge ">Cadastro de clientes</h1> <hr style="width: 80%"> <form method="POST" action=""> <h3 class="w3-xlarge…
-
0
votes0
answers14
viewsReload Node_modules at Angular
I have a problem loading a JS module that I created for my Angular project, which in this case is a horizontal Timeline. The interesting thing is that if I point out the application via app-routing…
-
0
votes0
answers50
viewsSide by side div with bootstrap
I am new programming with HTML and the like, I have a beam in the realization of a code, I can not put the div of the code below aligned side by side. The code: <div class="card border-success…
-
0
votes1
answer66
viewsCSS in React: Component disappearing when using position Absolute
Talk people, good afternoon! Next, I have a problem related to my css and I’m not able to solve. The problem occurs because in a <ul> i have 3 button icons(accept, cancel and edit), I want to…
-
0
votes3
answers179
viewsUsing a Class within another CSS Class
I have a table, and I want the lines to intersperse colors the way below works perfectly <style type="text/css"> .tabela_parametros_gerais tr{height: 20px !important;}…
-
0
votes2
answers113
viewsPrevent screen scrolling when opening modal in Reactjs
Hello, I am creating a site where one of the pages has a list of various clickable items (such as a ? shop window' of online stores), when clicked will open a modal that will be in front of all…
-
0
votes1
answer19
viewsHow to add an icon to an active image
I’m trying to make the image that is active stay with an incone of the heart on top, Font Awesome, or a heart in png, tried the pseudo-class :Active but it didn’t work.…
cssasked 4 years, 1 month ago Another Brink 33 -
0
votes2
answers190
viewsHow to disable required when your input is not visible
I already apologize from now on if I can not be clear enough, but I needed to make a form that when they marked certain checkbox, would appear Ivs that would be hidden with the particular content to…
-
0
votes0
answers94
views -
0
votes1
answer35
viewsChange column height while maintaining CSS base
I am having problems gradually increasing the columns. I want the result to be the same as the image below: I tried to change the height of each one, only the base is increasing the width (which…
-
0
votes1
answer34
viewsHow to make a menu appear and hide it?
How to make the menu appear and hide? I’m not getting it. Code: let close = document.querySelector('.btn-menu') close.addEventListener('click', function() { var menu =…
-
0
votes1
answer50
viewsButton problems, codifying/decoding texts for binary numbers
I’m making a text to binary converter in HTML/CSS/JS, but I ran into a problem that By pressing the decode button, it does not change the text where it should change, soon after I can no longer…
-
0
votes1
answer39
viewsMenu and submenu difficulties
Hello comrades I am developing a software and I am having small difficulties in the menu and submenu. Submenu options are aligning to the right, however I wanted them to open down, I will…
-
0
votes0
answers19
viewsCSS Column breaking block at the end of column
I’m having trouble doing the masonry menu of a restaurant. I’m not familiar with JS, so I’m creating with CSS Column. And all within wordpress. The situation is that doing css this way automatically…
-
0
votes0
answers30
viewsMy images in my HTML email are not showing
This problem is only happening in Outlook Webclient.com. I am creating an HTML for an email and some images are not trimming, actually the src attribute is being replaced by a transparent 1x1px…