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
answer37
viewsBugle margins in CSS
I’m trying to put an edge on an image, but the result is that the margin extends across the horizontal of the page, as shown in the print. The idea is that the margin is around the image and its…
-
-1
votes1
answer29
viewsTag "a" is ignoring the css style of the image
I found a problem that occurs whenever I try to put a link redirector in an image. It turns out that the attributes of the css like Scale, :Hover and etc, work normally, but the image size changes.…
-
-1
votes1
answer42
viewsUse show and Hide with bootstrap
I want to display a sequence of Forms with the jquery show and Hide on a site stylized with bootstrap the code used was that and n appear to have errors, because it works for half a second and back…
-
-1
votes1
answer34
viewsSet paragraph as wide as possible
I’m trying to perfectly fit a paragraph p in a list item li to make a header with options menu (same as the site python.org/downloads, that I am recreating to practice), being the text of each of…
cssasked 4 years, 2 months ago Bernardo Lansing 121 -
-1
votes1
answer29
viewsgrid fill div
I have a page where there is a part with questions, I needed to put the textfield filling the frame and the button in the bottom right corner of the page, but for that I would need to fill the grid…
-
-1
votes1
answer33
viewsParagraph within flex-item overflowing
I’m doing a flex layout and in the paragraph inside the article, the text is not getting inside the card but is overflowing. What’s wrong with my code? HTML: <!DOCTYPE html> <html…
-
-1
votes1
answer337
viewsIs it possible with CSS to make each letter of a word have a different color?
.two-colors{ font-size: 160px; background: linear-gradient(to right, blue 50%, green 0); -webkit-background-clip: text; -webkit-text-fill-color:…
-
-1
votes1
answer44
viewsHow to create a play/pause button with awesome font
Hi I’m trying to make the Play/Pause button be just a button but keeping the two IDS, because each ID makes a function, Someone knows how to unify the buttons by transforming them into one. When you…
-
-1
votes1
answer16
viewsTable edges disappear in printing
Good evening to all. I am trying to print a 'div' that contains a table with borders. However, the table loses the border on the printing screen. tried to use@media print, but failed. I created a…
-
-1
votes1
answer75
viewsI made a Carousel of several images next to each other that is not responsive on smaller screens
So I was putting together a project where I made a Carousel with vehicle brands where I use four images on each slide, which on the computer screen is right but when you go through the phone to view…
-
-1
votes2
answers52
viewsArrow through the css
Good guys, I’m starting with the Ionic and while trying to reproduce some screens I came across an arrow, that’s right, an arrow, follow the image: What I got so far: And code: <ion-content>…
-
-1
votes2
answers70
viewsDoubts about media query
Good night! I’m developing the responsiveness of a web page.... but for some reason that I hope you will tell me, only the first @media statement is going correctly in the browser. I’ve tried to…
cssasked 3 years, 11 months ago Jonatãn da Fonseca Bossan 49 -
-1
votes1
answer292
viewsUnform does not return the validation error
Staff I am developing an app and using the unform of Rocketseat for form validation. But when trying to create a validation error by displaying the component border in red if it is empty, the error…
-
-1
votes1
answer28
viewsproblem with HTML
I’m having trouble rendering this HTML, I’m using Jango and this is the template that you get from Viewer, when trying to use this new format of cards I’m having problems, I want it to be a fixed…
-
-1
votes2
answers44
viewsTags With Different Sizes
Image 1: A Hello, World Viewed in Chrome Click on the image to view it in its original size Image 2: Same Hello, World Being Viewed on Chrome Devtools Device Click on the image to view it in its…
-
-1
votes2
answers193
viewschange color of various elements with the same id with javascript
I would like to know how to change the color of my cards , I have several cards with the class "card", and I made a button that when clicking changes to a simple light mode ,and I wanted the cards…
-
-1
votes1
answer29
viewsDiv with max-content width does not break line
I’m trying to create a container whose maximum width is proportional to that used by the internal text itself (so I used the max-content), however, when the width of the screen is less than the…
-
-1
votes2
answers102
viewsCSS HOW TO CHANGE THE COLOR OF THE LINK AFTER IT HAS BEEN ACCESSED?
Personal I want to change the color of links after it is accessed and when returning to page it gets a color identifying that was accessed, but I want a css code for the theme dooplay, I do not know…
-
-1
votes1
answer26
viewsArrange Loadbar in Circle
People. This code is working. But I want help to set the initial position of the progress bar. Currently it starts at 45º. But I want it to start at 0º. Someone knows how to help me with this? var…
-
-1
votes1
answer28
viewsLogica de incrementar posição com php para o html
I have this command. PHP $id = 0; $i = 0; $vali = true; $top1 = 0; $top2 = 20; $px = 'px'; $query = "select * from software where userid = '$id'"; $result = mysqli_query($conexao, $query); $quantia…
-
-1
votes2
answers139
viewsBreak the DIV into 3 or more with columns of different sizes
What is the best practice to get around this image problem below? .flex-box { display: flex; align-items: center; justify-content: center; flex-flow: wrap; } .container-box { background-color:…
-
-1
votes1
answer44
viewsAlign elements on top of other html css
Good morning, I need to align the two date fields that are below with the two top fields. What’s the best way to do this? According to the image, when I give margin left auto no span it is not…
-
-1
votes1
answer55
viewsDecrease and improve code
I need to create 5 waves with text inside and the waves have to have a move to extend/contract when clicking, the code I made the only way it works is if I click in order, otherwise it gets messy. I…
-
-1
votes1
answer43
viewsSquare does not appear in my CSS code
I’m taking my first steps in html and bumped into my first puzzle. In this small "portfolio" that I am doing I tried to add the image of a square , I had already done some tests and worked very well…
-
-1
votes1
answer59
viewsBackground-image does not appear
I hosted three images to put in my page as background-image of header, footer and in an img tag, but they do not appear. I put it this way: .rodape{ background-color: #000; background-image:…
-
-1
votes1
answer61
viewsUse Animation and keyframe in ui material makeStyles
I am trying to use keyframes in makestyles of the ui material, but no effects appear. The Goal is to make the button pulse. What’s wrong with my code? This is what I managed to evolve using an…
-
-1
votes1
answer64
viewsRemove HTML or body border
I need to remove these edges (which I highlighted in green) that are in my extension. I want there to be nothing there or at least to be transparent so that the box-shadow have effect and stay round…
-
-1
votes1
answer88
viewsHow to put a fixed and responsive card on top of the map?
I’m trying to fix a card on top of the google maps map... but I don’t know how to fix and get responsive too... My versions Ionic: Ionic CLI : 5.4.16 Ionic Framework : ionic-angular 3.9.9…
-
-1
votes1
answer31
viewsSlick carousel
Hello, I was using Slick as a pluggin to create a carousel and my carousel has 5 white Divs on desktop and I wanted in mobile those 5 white Divs disappear, I used the display: None; but when I’m on…
-
-1
votes1
answer27
viewsHow to apply a style to the html of a text selected from a textarea field?
Hello, I have a question about how to create an action (button) that when clicking on it will be applied initially a style to a selected text within a textarea field. Yes it is like those same…
-
-1
votes1
answer50
viewsMautic insert image into Email body
This is the message I sent to several sites: nothing yet.... I am a user with little experience in the use of mautic and I already have a big problem to solve by attending an Ong that works with…
-
-1
votes1
answer28
viewsCannot read Property 'addeventlistener' of null wordpress
I have several buttons on a page of a wordpress site, I set all these buttons with the click class, when the user click one of the buttons I have to grab the id of the button clicked, with this id I…
-
-1
votes1
answer50
viewsThe background of my page mismatches with different browser window size
Good afternoon, I am making a page with HTML + CSS and I have the following problem: I am programming with the screen divided between the VSCODE and the browser, and set the background of the body…
-
-1
votes2
answers48
viewsDIV element does not position next to "sidenav"
I’m creating a page that will have a fixed sidebar and a <div> with the main content of the page. Below is an example code: .sidenav { height: 100%; width: 160px; position: fixed; z-index: 1;…
-
-1
votes2
answers63
viewsIs there a possibility of knowing when a field bursts width?
I am with a doubt, I have a site style IFOOD, it contains a part of complements for the products, in the products there are the description, so I passed the description to the pop-up of the…
-
-1
votes1
answer51
viewsShow one button and hide another
Good morning, I’m trying to create several buttons that show other buttons. I’m trying to make that by clicking on a button show the content and clicking on another button the contents of the…
-
-1
votes1
answer45
viewsRemove background from text
Hello I was making a transparent title and I wanted inside the text to see the background but not the background of the box. In other words, inside the letters you could see the background image but…
-
-1
votes1
answer84
viewsShow/Hide Div
I’m having a hard time searching more than one div using Javascript I’d like to know if there’s a way to hide several div’s without having to copy the same JS code. I made it HTML: <button…
-
-1
votes1
answer27
viewsChange the color of a parent element in a table
I’m trying to change the color of a parent element, in my case I want my tr to change color if my input is selected, but with css not working, someone has come across this situation? .control:focus…
-
-1
votes1
answer35
viewsHow to get my list inside the card with responsive size!
I would like to leave the featured content inside the card and not go outside, because when you leave the small screen they end up leaving. I made my site using flexbox as a base. body {…
-
-1
votes2
answers39
viewsUpgradeable zebra table
I made a table in html with 5 columns and more than 300 lines. In this table I put a <th> with two lines, where in the first I have the titles of each column and in the second a field for…
-
-1
votes1
answer25
viewsHow to hide/connect items in the navbar while logged in
I am making a login system is already working normally the problem is that I do not know how to change the navbar while the user is logged in: Codigo Index: <html lang="en"> <head>…
-
-1
votes1
answer83
viewsAlign my buttons inside Javascript?
I imported Tabledit Jquery on my page, but for some reason, the icons aren’t aligning as they should be, as I might be implementing css for buttons align (one side of the other)? Code:…
-
-1
votes1
answer22
viewsContent does not work in Firefox - CSS
I have a Progress bar where in it I place a content assigning the percentage, according to the code: progress { text-align: center; height: 18px; width: 65px; -webkit-appearance: none;…
cssasked 3 years, 5 months ago souzatorquato 7 -
-1
votes1
answer32
viewsHow to prevent a BODY CSS rule from being reflected in a particular Element contained in it?
I am creating a modal on a page, and as usual I want that when the modal is being rendered, the screen that is "underneath" it is blurred, dark. I have a class that represents my modal, and in it…
-
-1
votes1
answer44
viewsScroll does not work in modal!
Ola made a modal using only CSS and Javascript but at the time it reaches 100% of the screen the scroll bar does not work. Follow my HTML and CSS code HTML <div class="btnMsg"> <button…
-
-1
votes1
answer68
viewsAlignment of elements on the page
In yellow we have tag main and in blue we have the aside both as display: inline-block would like to know why the aside does not position from the top. <main> <section> <article>…
-
-1
votes1
answer19
viewsHow to load dynamically staticfiles CSS and Javascripts in Django
I’m writing in Python with Django. As a common practice, I created a "base.html" template that will then be extended by several other pages. Each one will have its own CSS file and its own…
-
-1
votes2
answers23
viewsHow to disable the page scroll by going over an element using pure Javascript and (or) Css, and without hiding the scroll bar
Having an example of a slide that works with the mouse scroll, however it is horizontal. The problem is that the page’s vertical scroll conflicts with the slide’s horizontal scroll. How could I…
-
-1
votes1
answer39
viewsI CAN’T ALIGN MY SVG TO THE TEXT ON MY LIST
I would like to align my SVG icon next to mine <li><a href="#">INFORMÁTICA</a></li>. I have tried using padding, margin but the two are moving together because the SVG is…