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
votes1
answer509
viewsoverlay div elements with the box-shadow property
Hello, By triggering the scroll, i add a class to div-operador, causing a box-shadow, at the top of div-operador. But as picture below, the input elements, select, etc... are above the shadow. How…
-
1
votes1
answer826
viewsText does not break line if I set a specific container size
tl;dr When I put a width in the text container it doesn’t break the lines to optimize space. Without setting anything the text becomes normal, and if I reset the screen size it will break naturally.…
-
1
votes1
answer62
viewsFixed menu has disabled links
Access the site I’m doing: https://testando23.000webhostapp.com/. Click the green arrow, notice that in this fixed menu that emerged the two links (home and over) are disabled, but if you scroll…
-
1
votes2
answers1289
viewsHow to change the color of an element?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>PERGUNTA: 1</title> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet"…
-
1
votes2
answers131
viewsHow to adjust an anchor button to stand next to a`select`field in Bootstrap?
The problem is that I have a button that eventually expands down a field select and should stand on the right side of it. So, instead of looking like this: Him looks like this: Code The code of the…
-
1
votes1
answer97
viewsEdge doesn’t cover everything
My edge doesn’t cover everything as it would like, how could it make the edge go up before the end of the Limite ? Meu css: .conteudo { padding: 20px; } fieldset { border: 1px solid #000; padding:…
-
1
votes2
answers91
viewsHelp with css animation!
Does anyone know how I can animar the passage of dashboard for the menu? Menu are the 3 dashes of the app and Dashboard is what appears when the code runs! Just a little animation ! CSS | HTML body{…
-
1
votes3
answers42
viewsKeep images online even on mobile devices
I have a div which contains some icons, which are aligned horizontally, but according to the size of the screen on which it is displayed a line break is generated, my goal is to prevent this from…
-
1
votes2
answers130
viewsLabel and Checkbox not working
I created a checkbox with id = "navToggle" to show the "Nav" and intended to use the label with the for pointing to this checkbox, but for some reason when I click on the X nothing happens. The…
-
1
votes1
answer33
viewscolor mobile problem
It’s not the first time I’ve done that, and it’s a mistake that bothers me a lot, even though it’s a little insignificant: Sometimes I realize that the color of the fonts are not applied on iphone,…
-
1
votes1
answer3271
viewsHow to put a background image in my ion-content
I would like to add a background image at the bottom of my login Follow the html code of my login.page.html <ion-header> <ion-toolbar> <ion-title…
-
1
votes1
answer66
viewsMy input suggestions are tracking the screen movement
My input suggestions are moving together with the screen, I would like when moving the screen the options are hidden. This happens in all my inputs: #linhaGeralDash { margin-top: 2%; padding-top:…
-
1
votes1
answer45
viewsMedia Querries Breakpoints are colliding
Fala galera! I made a website for my portfolio and in it I had the following problem: The site is done on one page only, so I had to adjust the sizes of the sections to the media querries. I did…
-
1
votes1
answer96
viewsProgress bar counting from 0 to widht set
I have a progress bar and am using Keyframe @keyframes animaUm{ 0% { width: 0%; } 100% { width: 25%} } <div class="progress"> <div class="progress-bar" role="progressbar" style="width:…
-
1
votes1
answer2516
viewsInsert css image into HTML tables
Good morning, I would like to insert an image inside a column in the table, leaving it in the center. The most I could do is according to code below, but this way it stays with a border around as if…
-
1
votes1
answer94
viewsWhat CSS properties for specific background?
I’m trying to draw a button. I want a background similar to the image below. I started using the border-Radius property, but without success. [css] .btn-criar{ height: 50%; min-width: 60px;…
cssasked 5 years, 9 months ago Pedro Correia 131 -
1
votes2
answers89
viewsLi s leaving UL
HTML and CSS: ul.ulVertical { border: .1px rgb(0, 0, 0) solid; list-style: none; height: 100px; } ul.ulVertical li { display: inline-block; border-top: .1px rgb(0, 0, 0) solid; transform:…
-
1
votes2
answers54
viewsVertical distance between LI’s
ul.ulVertical { border: .1px rgb(0, 0, 0) solid; list-style: none; width: 800px; height: 100px; } ul.ulVertical li { display: inline-block; width: 100px; height: 30px; text-align: center;…
-
1
votes0
answers25
viewsError in using @extends using Sass placeholders
@each $direction in $directions { %u-no-padding-#{$direction}{padding-#{direction}: 0;} %u-half-padding-#{$direction}{padding-#{direction}: $layout-module-size / 2;}…
-
1
votes2
answers104
viewsCenter span in div using flexbox
I’m using positions to use the top and the left but it still doesn’t look cool. CSS: span.vertical { writing-mode: vertical-lr; transform: rotate(180deg); height: 200px; } span.comum { width: 100%;…
-
1
votes1
answer7744
viewsButton placement on bootstrap
I have a website based on a template bootstrap, on one of the pages I added a button and as much as I gave the command to be aligned to the right, it is always left and misaligned in relation to the…
-
1
votes1
answer35
viewsHow to center content with dynamic CSS dimensions?
I am using Bootstrap 4, which is based on flexbox(dynamic properties/dimensions). I created a Datapicker, with an input and icon on the right side. <div class="col-md-3"> <div…
-
1
votes1
answer3205
viewsFixed side menu on the left with Contents on the right
I’m trying to do the following, a fixed menu on the left side with 100% height, the problem is that when I press F12 to simulate an ipad for example, the content goes under the side bar, how can I…
-
1
votes3
answers28
viewsI can’t leave the ROW imgs with flexbox
I can’t put them in Row, only if they’re wide enough to be right next to each other. *{ box-sizing: border-box; } #countainerslider{ display: flex; flex-flow: row wrap; width: 100%; height: 560px; }…
-
1
votes1
answer150
viewsHow to add active class on a onepage site?
Nice club, you guys. I have a onepage site that has a menu in Sticky-top mode, would like to know how I do to add s class "active" via JS in the correct way according to the page being viewed at the…
-
1
votes1
answer73
viewsfilter Blur affecting other div
how do pro filter only affect the div of the background, in case the wrapper and also how to remove that edge that he puts? the goal is to only obfuscate the image ta so #wrapper { position:…
-
1
votes1
answer35
viewsDifference between selector.class and . selector class
Hello, everyone. I’m a beginner in programming and I have a question in CSS. In a code where I want all H5 who have the class . special be red, there is some difference between H5.special and .…
-
1
votes2
answers290
viewsUnwanted white space between image and border
Every time I put the edge it gets this problem, the funny thing is q this working well in other projects (I tried to put the edge straight in the figure.photo-caption img, it worked but to create…
-
1
votes2
answers1144
viewsChange the color of menu items when hovering the mouse
I want to change the writing color of menu items. The way I did the color changes when I pass the arrow over the letter, but I wanted q the letter color of the menu to change soon when I hover the…
-
1
votes1
answer315
viewsPosition: Sticky CSS or JS
Hello, Following exactly the example below, someone can help me to work the position:sticky Today, the next date is standing on top of the current date. In this way, the opacity and shadow of the…
-
1
votes2
answers85
viewsLink tag on Html5 in the wrong place on bootstrap
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"…
-
1
votes1
answer358
viewsHow to insert paragraphs and then recognize them with a textarea
I wonder how I could do to insert and then recognize in my code specific paragraph moments in typing in a textarea. Example: This is my textarea. I want to rescue the content of this textarea and…
-
1
votes2
answers40
viewsLogo is not positioned correctly on the mobile
I am developing a site and I came across an error in which the logo is not displayed correctly when the site is opened on mobile, even in Responsive Design Mode Firefox it is displayed the way I…
-
1
votes1
answer111
viewsError BOOTSTRAP SASS _is not a color for `Darken'
This error returns when I sort these @import files in my app.scss, using SASS/[email protected] on a Mac. I need to understand where the error is, if by reversing the order (custom variables at the…
-
1
votes0
answers26
viewsAngle navbar expansion effect
I’m trying to make a navbar expansion effect at the angle. When you click on the "show information" link the content should go up, and when you click on "hide", the content should go down. The…
-
1
votes1
answer136
viewsHow to make a div be positioned as a block in the middle of another div?
At first, the question may sound strange, but my problem is this:: So far, I own the screen below: But what I want to do is create a block, like the one of the structure circled below, like a blog…
-
1
votes1
answer1628
viewsHow to open Pop Up automatico?
I have the following modal code <a href="#openModal">Clique</a> <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="closeModal">…
-
1
votes1
answer477
viewsHow to hide url
I have a pop-up that the close button works as a link, but it appears in the URL and is an "ugly" effect. What would be the best way to get off follows code: <div id="openModal"…
-
1
votes2
answers2285
viewsHow to change the style of an "input" field of type "range" using only CSS (and maybe some webkits)?
I want to modify a field’s value indicator <input type="range"/>. I want to change the format and color of this indicator, as shown in the following images. This is the field I want to modify.…
-
1
votes1
answer72
viewsHow to troubleshoot firefox flex display
Created this portfolio it works perfectly in Chrome, but in firefox the tag button that is superimposed on the tag img (to make the shadow effect and open a modal) appears as a fifth item,…
-
1
votes2
answers74
viewsModify element placement using HTML and CSS
I’m having trouble getting an icon to stand on the side of an element without it overlapping the element. My code: body{ font-family: Times, serif; text-align: justify; background-color: #EBE9E9;…
-
1
votes2
answers437
viewsDiv is bigger than Section
I have a div called 'banner' that’s inside a Section I call 'bg'. When I lower the screen in terms of height, the banner exceeds the size of bg. *{ font-family: 'Open Sans', sans-serif; }…
-
1
votes0
answers31
viewsHow do I make an underscore to a set size?
I tried to leave underlined with defined size using <font style=" text-decoration:underline 3px;>, but unfortunately it doesn’t work. Can leave underscore set size with <font…
-
1
votes1
answer76
viewsHow to place a font using a class?
i can put the font on the site all tals. (as I left) image below how I left.... (as I left the code) and below this the css file outworking only that I want to leave a class instead of the "H2"…
-
1
votes1
answer494
viewsProperty col-Xs does not work
I’m developing a website using Bootstrap and HTML, I’m gonna make you flexible for the desktop and mobile platform. However, I cannot understand why the property col-xs(phones) not work. Follow the…
-
1
votes1
answer45
viewsBlueimp Gallery CSS does not work with Bootstrap 4
See the code below: document.getElementById('links').onclick = function(event) { event = event || window.event; var target = event.target || event.srcElement, link = target.src ? target.parentNode :…
-
1
votes2
answers151
viewsHow to center a text on the image side example below
I’m making the creation of the site and wanted to leave the number on the side of the image and in the middle of the image and how do I leave her like this the code is like this <section…
-
1
votes0
answers128
viewsTooltip - HTML / CSS / JS
Hello to all. So.. I was practicing a little bit of HTML / CSS And in the end I came up with a very cool, very simple result of this here: I know some will recognize this.. But for those who do not…
-
1
votes1
answer24
viewsI have a menu with 3 icons: the first on the left and the third on the right. I need the second to be in the center
I’m making a responsive site, starting with the menu, but I’m having the following problem: So, I need the icon that is on the side of the first, to be in the middle, in a way that is centralized…
-
1
votes1
answer830
viewsHow to Break Automatic Line in a Textarea with Javascript or jQuery
I’m sending a message and I want to put the button as if it were inside the textarea, but the problem is that writing goes under the button, there is some way with CSS, javascript or jQuery to avoid…