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
answer206
viewsWhich property would be recommended for page content not to be "leaking"?
Image 1 Image 2 Which property would be recommended for the content of the page not to be "leaked"? Which I used in the code above was not successful. I am trying to keep this pattern of 3 squares…
-
1
votes1
answer341
viewsHow to place an image inside the SVG?
Eae Personal, I’m having a difficulty, I’m wanting to put an image inside my svg but I can’t, someone could help me ? Follows my code: <svg version="1.0" xmlns="http://www.w3.org/2000/svg"…
-
1
votes1
answer37
viewsHow to remove a specific line from a table date?
Good night, you guys. I have a table here, and the lines and items are added dynamically through a button, the idea of the project is a task manager (I have to do). I have a boot to add In every…
-
1
votes1
answer273
viewsBootstrap menu button color does not appear
The button works normally when pressing and on certain screens only it does not appear the color of it, htm: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=,…
-
1
votes1
answer327
viewsUsing Awesome font in an SVG
I’m trying to put an icon font awesome within my SVG. I am based on this tutorial: http://tutorials.jenkov.com/svg/svg-icons.html I am doing as follows, but the icon is appearing outside of Circle.…
-
1
votes2
answers402
viewsChange the FORM border when the internal INPUT is in focus
It may be something kind of stupid or even a double question, but like everything I know about css is tested and I have no idea how to google, I decided to ask this question. The thing is, I have…
cssasked 5 years, 1 month ago Andrei Coelho 6,196 -
1
votes1
answer264
viewsImpose ! inline CSS attribute
I have a big problem to solve here and even though I think there is no solution I want help, I will not be seeing the problem as a whole... I have the following code on a page: .elemento { width:…
-
1
votes1
answer42
viewsPHP variable does not update chat in JS
I have the following code : // Set new default font family and font color to mimic Bootstrap's default styling Chart.defaults.global.defaultFontFamily = 'Nunito',…
-
1
votes1
answer199
viewsHow do I get my svg moving free in a background?
I have javascript animated path and want to move it freely through the background of my <body> so that this path exceeds the maxwidth it automatically appears on the opposite side (as a…
-
1
votes1
answer103
viewsHow to assign jQuery value to a textarea
I have a plan form, and I would like that by clicking acquire, it already fill out a brief message on the form. I’m trying this way, but it doesn’t return values window.onload = function (){ var…
-
1
votes1
answer165
viewsHow exactly does the grid area work?
I’m trying to style the page using grid in CSS but I don’t think I understand very well how the area template works. What are you doing: .pai { display: grid; grid-template-columns: repeat(3, 50px)…
-
1
votes1
answer308
viewsHow to add a LI to a UL via Javascript?
I’m looking to add a LI between two LI’s of a UL. I don’t have access to the CSS/HTML code of the website template, if it would not create easily, so I’m thinking about adding via html and…
-
1
votes2
answers622
viewsPosition 2 buttons side by side of an input
I need to make a button like this for my site but I’m not getting? How to do this in html and css and bootstrap? I even tried to do it like this, but it doesn’t work. <div class="btn-group…
-
1
votes1
answer60
viewsSASS: Are there any features to avoid repetitions and lines of code color variations?
Problem situation I am creating a palette of colors that vary a lot in their references, being 10% of the base color down. For example: $primary: #0069FF; A 10% subtraction of this value is:…
-
1
votes1
answer300
viewsLine below the text
I am trying to put a line under the title H3, only respecting the line size of 100px and according as justified on the left or right. In this way: or However, when the screen resolution decreases…
-
1
votes1
answer188
viewsGET error in image URL 403 (FORBIDDEN) when trying to change img tag src
I have an input form where I get the link of an image and then a button where it has a function that stores the URL in a variable so that I can dynamically change the image being shown in the img…
-
1
votes2
answers66
viewsEvent with onclick
I am styling an input/search field using the onclick of javascript, I can do 50% but the rest I’m cracking my head and I don’t know what to do. I was able to make the text input box to make the…
-
1
votes2
answers887
viewsAlign items in css grid
Hello, I’m having difficulties to align items inside a cell created by the display: grid. for example: In this example above I can simplify my difficulty. If we remove the "text-align: center;" the…
-
1
votes1
answer103
viewsHow to give "spacing" in the area where the text is written
Hello, I would like to change the positioning of | when selecting the textbox, I have an outline and what I am trying to do is not set to 2°image. Is there any property that can do that? Thank you,…
-
1
votes1
answer23
viewsTag overlay in css
Css /*O container envolve todos os elementos visiveis da pagina, OS container SAO IDS*/ #container { padding: 20px; border: 1px solid #000; background: #CCC; } /*Define os estilos da caixa…
-
1
votes1
answer2635
viewsI can’t load CSS and Javascript on my Node.js page
I am unable to load the css and js, when running the server I get the following message on the console: "Refused to apply style from '' because its MIME type ('text/html') is not a supported…
-
1
votes1
answer385
viewsHow to remove property inherited by the component?
When placing a side navigation icon, I noticed that a piece of it "leaked" out of the expected, which made it behave visually strange in the animation. I put a background-color: red for easy…
-
1
votes2
answers67
viewsSpacing in table
Good morning, everyone! All right? I have a little problem on my table I want to make a table in this model here I did it this way here, what’s the problem? When it’s in the mobile version, the…
-
1
votes0
answers73
viewsWhat’s wrong with the CSS that makes the two Sos act weird?
I’m trying to solve a layout misalignment problem, which in Windows 10, with the latest Chrome it changes the padding from the height of a button. This button looks right on Mac OS Mojave, using the…
-
1
votes2
answers631
viewsHow to access bootstrap css?
I’m using a bootstrap navigation bar and would like to increase the space between the buttons and change their colors by editing files from an external file, but I don’t know where I can get his css…
-
1
votes0
answers89
viewsResponsive full background Image
I’m having some issues with my background image. I have a full background image in my website, and I want a Responsive website, but when I Try to see it on my phone, the image height is not correct.…
-
1
votes1
answer92
viewsHow do I open the body width of the modal-Fill-in using css
I am not being able to open the body width of the modal using css, because it is too narrow and the buttons are in a column (on each other). Someone knows me how to do? <div class="modal fade…
-
1
votes1
answer93
viewsHow to do div with scroll, when it reaches a certain limit of div height?
How can I get my div, whose text is added through a append jQuery, scroll when the text reaches 100px, and all the added text then stay hidden, and you need to scroll to see the rest?…
-
1
votes1
answer107
viewsRemove edge of Owl-Carousel button
Good afternoon guys, I’m having a problem removing the edge of the side navigation buttons using Owl-Carousel, I found some solutions but none worked in my code. I’ll put down the link to one of…
-
1
votes1
answer82
viewsIs there any way to create a gradient effect on a "fa-Circle" from Font Awesome?
I have that code: <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" rel="stylesheet"/> <li id="link-instagram" class="list-inline-item"> <a…
-
1
votes0
answers39
viewsStyle input[type=checkbox] containing only part of input id
I have a style in CSS like this: input[type="checkbox"] { box-shadow:none; background-color: #f5f5f5; } I wanted to put in a checkbox who has a id special: <input type='checkbox' id='check_" +…
-
1
votes1
answer106
viewsMy animation is not working when I pass the mouse
Good night! I’m looking to make a site and in one part of it I’m looking to do a fadein animation with css, when the user hovers the mouse in the DIV appears another not in a "dry" way but with some…
-
1
votes1
answer283
viewsDisplaying a Progress bar in different browsers (HTML and CSS)
I’m having trouble configuring the appearance of a Progress bar with css and html I’m a beginner, I’m doing my site now and I came across the following problem: I can’t get my bar to appear right on…
-
1
votes1
answer41
viewsWidth auto with the second element filling the remaining space
I have the code below: .segura{ width: 100%; height: auto; display: block; margin: 0 auto; } .label{ width: 90px; height: 20px;; float: left; background-color: #6fccdd; } .campo{ width: calc(100% -…
cssasked 4 years, 10 months ago caiocafardo 1,897 -
1
votes1
answer72
viewsHow to put 2 background-image being one of them semi-transparent
Summary: I need to put two background 1 on top of the other one and the top one should be semi-transferred so that the background appears below and without affecting the other elements of the page…
cssasked 4 years, 10 months ago Amadeu Antunes 3,331 -
1
votes1
answer44
viewsProblem with css Animation called by a javascript function
I have a page index.html containing a <p id="valor"> Which is updated via a Websocket using javascript. Every time the server sends the message the function atualizar(valor) is called:…
-
1
votes1
answer86
viewsProblems using Card-img-overlay with card-Columns
I’m using Bootstrap 4.4 to create a column of cards: <!DOCTYPE html> <html> <head> <title>Problemas em usar Card-img-overlay com card-columns</title> <meta…
-
1
votes1
answer106
viewsIs it possible to repeat the "Animation-delay" property in each animation interaction?
The estate animation-delay only happens once in the first interaction of the animation, but after that it is no longer applied in the element. In the example below by hovering the mouse on…
-
1
votes0
answers22
viewsHow to change a search field to an icon, mobile and tablet?
I would like to create a menu similar to this below, however, in the resolution devices less than 800px, I am unable to change the search field, for the magnifying glass icon. <html>…
-
1
votes2
answers45
viewsLet div with height auto and with the bottom set
Is there any way to leave the div with the bottom set without it leaving the height: 100%? While there is little content (as in the example), the height should stay auto, but when there is enough…
-
1
votes1
answer56
viewsApply Padding to all elements except one in particular
I would like to apply the property padding in the navbar elements, except for the last element in the class nav-login I use bootstrap 4.0 Html: <nav class="navbar navbar-expand-lg…
-
1
votes1
answer122
viewsHow to remove the navbar effects from Materialize?
I was developing a site without using Materialize. I decided to import it to use one of its functionalities (Cards). In doing so, the navbar, which already had its own well-defined characteristics,…
-
1
votes0
answers24
viewsI can’t find a way to remove spacing from my CSS
I recently returned to trying to develop my learning in Web Development and tried to develop an online curriculum to eventually work in the area. As I’m not very good at CSS yet, I downloaded a…
-
1
votes1
answer77
viewsHTML/CSS: When I click on the link it does not go to the right point of the page
I have a page that has a simple top menu that has some links that take the user straight to the section referring to this link: <style> nav { width: 100%; height: 60px; position: fixed; top:…
-
1
votes1
answer234
viewsAlign items always to the center horizontally
I am trying to get the following result on my page: But the actual result I’m getting is this: Now, the information: I’m using Skeletonjs and Vue The circles will be dynamic, so if for example there…
-
1
votes1
answer191
viewsAlign span tag with html to add edge
I need to perform an image alignment with a span tag and place an edge on that span tag. I was able to align, but it only worked by placing a margin-bottom of 1px. It worked, but I didn’t like the…
-
1
votes1
answer510
viewsWhy is the Submit input not the same size as other inputs?
It is a doubt that I am having and I am not getting out of here and if you can help me you can be sure that you will be helping a lot in the evolution of the knowledge of someone who is learning.…
-
1
votes1
answer70
viewsnavbar overwrites the other elements when the page size is changed
I have this fictitious application in R. I tried to adjust the .navbar, .sidebar and the .value-box with the property position: relative; to avoid overlapping of elements: .navbar { position:…
-
1
votes1
answer34
viewsDraggable html image with Javascript
I’m having trouble in the following section of the code <!DOCTYPE html> <html lang="pt-br"> <link rel="stylesheet" type="text/css" href="style.css"> <body> <div id="lista"…
-
1
votes1
answer50
viewsHow do I put a class to work in front of a condition using ngclass
I’m writing an angular code and I’m trying to make a situation where, by choosing the name of a city, depending on its size, the size of the space that bears the name increases depending on the name…