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
answer45
viewsmedia querie scss
I’m learning Sass and I’m doing the grid based on the bootstrap, with different classes for each screen width size, but I don’t understand how it does it in Sass in a smaller way, I don’t want it to…
-
-2
votes5
answers102
viewsdoubt about select in css
Hello, I would like to create a spacing in the options of my select, can someone explain to me how <form method= "POST" class="mb-0" action="includes-site/enviar.php" id="formcadastro" >…
-
-2
votes2
answers68
viewsHow to leave menu item with different background color permanently
I honestly don’t know how to do, so I’m asking for a hint, I have a menu and I would like the option ENCERRAR SESSÃO was with a background different from what is today permanently, the gray image…
cssasked 5 years, 7 months ago adventistapr 5,498 -
-2
votes1
answer37
viewsHow do I identify if the scale of the div being animated increased using javascript
<html> <style> #dv{ border:1px solid red; background:#344; width:80px; height:80px; animation:bloco 0.5s ease 1; } @keyframes bloco{ from{transform:scale(0.0)}to {transform:scale(0.6)} }…
-
-2
votes2
answers196
viewsModal does not open in HTML
Good morning!! I have a modal created on my page, but when I click on the link I referenced it does not work, it just happens nothing. I have it in another page and it works normal, but on this page…
-
-2
votes1
answer82
viewsWhy is the variable not accessed outside the function?
I know there is scope in javascript but in this case it is different the variable it is global follows the example. <html lang="en"> <head> <meta charset="UTF-8"> <meta…
-
-2
votes2
answers99
viewsArrow in select with div and jquery
$( document ) . ready( function () { $( 'div#bloqueioSelect' ) . click( function () { if ( $( 'div#bloqueioSelect ul' ) . is( ':visible' ) ) $( 'div#bloqueioSelect ul' ) . css( 'display', 'none' );…
-
-2
votes1
answer234
viewsHow to position this button correctly?
I’m using a script of the Facebook Messenger marketing platform called Whatshelp, this script renders a button on the right next to the footer. I’m having a hard time manipulating your position on…
cssasked 5 years, 5 months ago guilhermetb 1 -
-2
votes1
answer48
viewsCreating a slider with Jquery
Talk community, all right?! I’m creating a slider using Jquery and I’m not getting any further. In the example I created I can’t change the images by clicking on the bottom right menu. Which code…
-
-2
votes1
answer40
viewsopen Collapse after updating array
I have a Collapse that when I click on it, comes the data of the array, there is a button that opens the modal, when I open the modal I click 'FINISH', then when I send the data to the api, and then…
-
-2
votes1
answer400
viewsExporting html to PDF with html2pdf background-size does not work
Boas, I am trying to convert an html page to pdf using html2pdf, but it seems the background-size:cover is not working. On my web page my image looks like this: When converting to PDF the image…
-
-2
votes1
answer35
viewsFilter TransitionHover not working, can anyone help me?
I tried a lot of ways, but it didn’t work, here’s my code: .left { left: -100px; margin-top: 50px; filter: contrast(0.8) brightness(1.2) saturate(1.4) blur(4px); -webkit-filter: contrast(0.8)…
-
-2
votes2
answers232
viewsHow to give bottom spacing (distance) in a li
Hello, guys. I’m new with development and I’m studying a little front-end (and loving hehe) I’m, for student purposes, creating a simple store website. I created a menu at the top of this page,…
-
-2
votes2
answers104
viewsGlr, how do I leave the element that was created fixed on the page even if the page is loaded? When loading the page it disappears
var listagem = document.getElementById("listagem"); function createNewElement() { // Cria a div var div = document.createElement("div"); div.setAttribute("id",…
-
-2
votes2
answers267
views@keyframes does not work
have a function jQuery which adds to a div the class below: .brancoTransparente { animation: cor; opacity: .9; transition: all .3s; } .brancoTransparente a { color: #000; } @keyframes cor{ 0% {…
-
-2
votes1
answer40
viewsdisplay:table next to footer
Hello! I’m trying to leave a div next to the rodape. I am using display:flex and with this I can not use percentage. Can someone enlighten me on how to solve this somehow... <style> *{…
-
-2
votes1
answer255
viewsHow to break line after button in Angular with Materialize?
Making a small page using Angular, I came across a problem of overlapping two buttons. When they are on screens more than 420 px wide (cell phone in horizontal position, for example), it does not…
-
-2
votes1
answer305
viewsMove column items to grid css column
I want to know if there is a way to move an item within a column to another column using css grid. Follow example: here I wanted to move this green div to the second column of the purple div using…
-
-2
votes1
answer405
viewsHow to make an element occupy the entire height of the div?
I have an element <aside>, and I want him to occupy all the height of <div> where it is inserted. However, I don’t know how to set the height relative to another element. How can I set…
-
-2
votes1
answer47
viewsCenter column on page
I am creating a login/registration screen. I’d like to keep it that way: Only in my code below it is positioned on the left. How to center, equal to the image above? <section> <div…
-
-2
votes1
answer85
views -
-2
votes1
answer30
viewsput color in a <a>
Good, I am having a problem in a menu that I am creating, I managed to remove the underlining of the text that is defined as link but I wanted to change the color to make a text more normal... Does…
-
-2
votes1
answer65
viewsHow does general untying work after entering a system using Social Networks?
It is common for a user to "enter" into current systems using an account already registered on another network. The most common ones I see are facebook, google and etc.. The processo is simple and…
-
-2
votes1
answer40
viewsProblem with basic javascript
Good evening, I have a problem, because the next code does not work: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>…
-
-2
votes1
answer138
viewsWhen clicking on given th, open a Modal
I have a grid that displays some fields, this way: <table id="listaNotas" lider-data-table="@Html.Raw(Json.Encode(Model)).ToHtmlString()" class="table-striped"> <thead> <tr> <th…
-
-2
votes2
answers160
viewsAdjust Card Location
Good morning, I’m creating a responsive web page and I’d like the top of the card to always be right in the middle of the image I put in the background, regardless of the screen size. I have no idea…
-
-2
votes1
answer128
viewsPosition element in the middle of the screen
I tried to adjust an element (sliders) in the middle of the screen, but I couldn’t do it: Meo aims to leave this image always in the center, right, no matter the monitor being used by another user.…
-
-2
votes1
answer35
viewsHow do I center a page loaded by onclick into a div?
I have the following form I want to load into a div @charset "UTF-8"; *{ padding: 0; margin: 0; } .form { display: flex; width: 50%; margin-left: 350px; } .campo { width: 40%; float: left; margin:…
-
-2
votes2
answers76
viewsDifference between element.class{} and element . class{}
I was mounting a screen using css and html, and came across the following situation: class "x" is added with a js, when the user rolls the sidebar (if the position is greater than 0, class x is…
-
-2
votes2
answers189
viewsContent of one div exceeding the other div
In the form there are 3 Ivs, (divide view > div > divconteudoemail) as the example below: <div id="divvisualizar" style="padding: 5px; border: 1px solid rgb(85, 85, 85); background-color:…
-
-2
votes2
answers244
viewsIs it possible to hide or change your "arrow" style from within input or datalists?
I was preparing a form and one of the field is only necessary to accept number, so I thought, because I do not use input of the kind number? this will be good even for accessibility, no need to do…
-
-2
votes1
answer179
viewsMenu with svg image icons sometimes does not load in mobile version
What could possibly be affecting my experience in this? I had to change some images to png, but I can’t tell if it was the best way, the experience I have on desktop layout is much better with SVG…
-
-2
votes2
answers135
viewsHow to vertically align awesome font icons?
I would like the Font Awesome icon to be aligned vertically in the center of the div <nav>, same as class item logo on a screen smaller than 480px. I tried with line-height, but it didn’t work…
-
-2
votes1
answer35
viewsHelp with front-end, responsive part
You guys talk, okay? I need a help, I’m making a login page and my machine is all aligned, inside the Divs correctly, but in other pc’s is getting broken formatting, someone could give me a light of…
-
-2
votes1
answer70
views -
-2
votes1
answer393
viewsERROR : javascript.js:61 Uncaught Typeerror: Cannot read Property 'style' of null
Talk personal, all right? is the following, I have two Forms for registration, but I just want the second to appear when it is clicked next, in the first form I put via css a visibility= Visible and…
-
-2
votes2
answers88
viewsHow to align text with left text
Guys, I created a footer with the footer but I want the text on the left to be aligned with the one on the right same height and same line. My CSS: .rodape { width:100%; height:40%;…
-
-2
votes1
answer314
views -
-2
votes2
answers223
viewsBackground Color Does not appear on website with background image
I am creating this site but at first I have a problem. I defined an image as background and now the Divs background does not appear. When it is a static background appears normal, but with…
-
-2
votes2
answers63
viewsClose submenus by clicking another
I have the following menu and would like that when a submenu is opened, any other submenu previously opened would automatically close to not "pollute" the sidebar, keeping only one submenu open at a…
-
-2
votes2
answers37
viewsFooter is not being responsive
I made a website and the rest is responsive, no problem at all. But, my footer, it’s getting over other elements when I go to test on smaller screens. HTML: <footer class="footersection"…
-
-2
votes1
answer97
viewsdropdown bootstrap menu does not open!
Page with bootstrap <nav class="navbar navbar-expand-lg navbar-light" aria-haspopup="true" aria-expanded="false"> <a class="navbar-brand" href="#"> <img src="img/Pictures-icon.png"…
-
-2
votes2
answers70
viewsThe tag label does not let break line easily within it
I need to help figure out how to "break line" dentro tag. For example: I have a 200px label and every name that is inside the label tag larger than 200px, should break line and move to the line…
-
-2
votes1
answer69
viewsHow to change the text according to the image shown on the slide?
Hello. I am beginner in web Development. Follow my question: Although I was able to change the images, I cannot make that along with each image the content inside it is also changed according to the…
-
-2
votes2
answers44
viewsHow to center an image vertically within a div?
Talk to me, baby? I wonder if there is some way to center an image dependent on another div (that would be text). For example: I will create a div and put an image (icon) on the left side and a text…
-
-2
votes1
answer59
viewsI cannot use :checked
css: .menu { display: block; } /* CSS quando o checkbox está marcado */ #bt-menu:checked~.menu { display: none; } <div class="menuu"> <input type="checkbox" id="bt_menu"> <label…
-
-2
votes1
answer28
viewsmy entry page is 1920x1080 but with a scrool on it
I want to take the scrool out of the page but when I put the position: Fixed it cuts the page and when I put the position: abosolute, gets an equal scrool on the page presented If anyone has the…
-
-2
votes3
answers48
viewsHow can I put this image next to the buttons?
I’m a beginner in the area and I need your help. I’m trying to put this image next to the buttons but I’m not getting it. I tried using background-image but it didn’t work. I left my code to see if…
-
-2
votes1
answer35
viewsDoubt in the padding bottom
Does anyone know the ERROR of this code? the paddim bottom simply doesn’t work... thank you <html> <head> <title>Olá, me chamo Ana</title> <style> body{ font-family:…
-
-2
votes3
answers75
views