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
votes2
answers44
viewsRemoving the CSS class according to screen resolution
I am trying to remove a CSS class by Javascript when the screen decreases Only the event I’m wearing is the scroll, which is for mouse scrolling. Then every time the screen decreases need to scroll…
-
1
votes1
answer188
viewsHow to change media-query using JS?
I’m using CSS with media queries, for example: html { --color: #OOOOOO; } @media (prefers-color-scheme: dark) { html { --color: #FFFFFF; } } Considering the code above, who has the…
-
1
votes0
answers59
viewsFormat html text structure of the same format as a Word file
I’m searching more I’m not able to find anything like it. Create a modal with a service contract structure based on a word. As attempts copy this text directly to my html content. However it does…
-
1
votes1
answer64
viewsHow not to allow a text of a child element to overflow the parent element
I would like to know how I do so that the centralized text of a child element does not overflow the parent element, I would like the text to be hidden when it is larger than the parent element, but…
-
1
votes1
answer57
viewsHow do I insert NA, or deviation of missing data, when making Webscraping (rvest) from a page in R?
I’m downloading the hotel rates at Natal- RN by the Booking.com website. The code is programmed to download according to the check-in date the hotel name (nomes_i), the name of the room (quarto_i)…
-
1
votes3
answers96
viewsSwitch 3 status done in css, how can I disable the options?
I have the following code: .switch-toggle { float: left; background: #242729; } .switch-toggle input { position: absolute; opacity: 0; } .switch-toggle input + label { padding: 7px; float:left;…
-
1
votes1
answer37
viewsSeparate tabs on a page
How can I make a double tab on the same page, keeping the contents open and only switching between each double? I just want to switch between the content of London and Paris / Tokyo and Dublin, but…
-
1
votes0
answers89
viewsHow to create editable text box over an image (e.g., as in Powerpoint)?
Hello, I’m developing a slide show like Power Point, only in the browser environment with Node.js (ejs, sequelize, etc.) I was able to create the inclusion part of the image and text by sending it…
-
1
votes1
answer232
viewsUse Sass bootstrap semantically and selectively
When it comes to Sass and Bootstrap the recommendation/advantage that is most around is, "import only what you will use, so your final css will be smaller and will contain only the bootstrap parts…
-
1
votes1
answer133
viewsRemove material menu edge
Good morning, I’m using the "Expansion Panel" menu from Material and wanted to remove the image selection border. The code at the moment is like this: HTML <mat-expansion-panel-header…
-
1
votes1
answer245
viewsI need to make a flexbox table
I made the following code I am not able to center the images that are in the middle and also I am not able to padding the last column I need to do something like it is in the image. .container {…
-
1
votes1
answer33
viewsDiv mother occupy all height of absolute content
I would like the mother div to fill in all vertical area, but with the code below I’m not getting it. Could you please help me? HTML: <div class="boxes"> <div class="box-01"> <div…
-
1
votes2
answers190
viewsAlign icons and text on button
I would like to have my icons (Svgs) and text aligned within the same "container" of my navbar using flexbox, but I’m not able to use the correct rules. The closest I could get is reported in the…
-
1
votes1
answer37
viewsHow to adjust an image to the exact length of the screen?
I’m completely new to HTML, and I’m trying to use an image at the top of the site as a sort of header (I want it to occupy the entire screen extension). Follows my code: #topo { width: 100%; }…
-
1
votes1
answer30
viewsEmpty space on top of page when creating a UL on the sidebar side
On my HTML page I created a sidebar and beside a <div> that will guard a <ul>. Before adding this <ul>, the page was the way I wanted it, with no space on top of the sidebar and…
-
1
votes1
answer42
viewsAlign the contents of the div to the center, but the texts are on the left
I have this code. I want the text to stay centered on the div, but with the alignment on the left. I put a text-align:left, but the text is still centered. <div style=" width:1000px;…
-
1
votes1
answer178
viewsHow to import a css file within JSX by link tag or script (React)
Hello, I’m learning React, I saw some basic concepts in a micro-course on youtube, and to train I would like to turn a site I already have into html and bootstrap for React. One of the problems I…
-
1
votes0
answers36
viewsDifficulty to complete slide animation
Speaks friends, I am trying to make a slide using animations with the opacity property. I want the first photo to be the starting point and not suffer from the effect of animation, then I set None…
-
1
votes1
answer103
viewsDisplay text near the mouse pointer when resting it on an image
I am searching since yesterday how to display a text while resting the mouse pointer on an image and see information (as a title, but where I can edit the font color, background and etc) and with…
-
1
votes1
answer162
viewsHow to edit the CSS of an image Link made by <a>
Wanted to round the edges of an image she was made with the tag <a> HTML, but I’m totally lost. This is the code I used to import the image: <a className="imagepost" href={post}> <img…
-
1
votes0
answers16
viewsCSS applying the before to all elements
Hello, I have the following code: html <head> <link rel="stylesheet" href="./teste.css"> <script src="https://use.fontawesome.com/7a5258e51f.js"></script> </head>…
-
1
votes1
answer56
viewsCSS side menu: VUE component content pushed right
What I want is that there is no overlapping of the side menu on top of my main content, but that this is pushed to the side when the menu is opened. I know how to do this with images, using Section,…
-
1
votes1
answer57
viewsDeactivate the page scroll at a specific time
I made a kind of carousel with CSS and a little bit of Javascript with some images and as I use the mouse scroll on top of the images the images move to the side, the problem is that the page also…
-
1
votes1
answer47
viewsAlignment of Text to Input
Good evening, everyone, I hope you’re all right. I’m having trouble aligning Text on top of Input. HTML <div class="form-group2 col-md-4"> <label for="inputState">Estado</label>…
-
1
votes3
answers159
viewsError in php/mysql register
I made a login and registration system, and within the registration section I put a condition, if true register, if false do not register. However, as much as if Else is true, when I enter the…
-
1
votes2
answers195
viewsManipulating CSS Property with Javascript
I need to insert a WIDTH worthwhile 140px in the following CSS class: #menu_global2 ul li .icon_menuG The intention is to read the size of my width #menu_global2 and then apply changes to the CSS. I…
-
1
votes1
answer24
viewsWhy does the fixed element lose its position when the Transform property is used?
I have an element with the position defined as "Fixed", when I apply the property "Transform" to create an animation the fixed element loses its position (when clicking the button to animate it…
-
1
votes1
answer313
viewsTwo Buttons type Submit in the same form
I have the following situation: a form and two buttons (Submit), and the button (Register new point of sale) will register the data in the database and re-load the registration page so that the user…
-
1
votes1
answer610
viewsOpen modal pop-up automatically when opening the site only once
I have a Modal window that should open only once when opening the site. Below, I have the button I use to open the Modal screen, in addition to the responsible div, I need this button to run the…
-
1
votes2
answers40
viewsHow to use the same background for an "X" element with css and html?
I created an element in the form of an "X" where at each end I want to use the same background. The background will only appear in the areas in red. I’ve tried using background-clip but I couldn’t…
-
1
votes1
answer22
viewsCheck if the value of an object of a certain class has been changed
I want when one value is changed within one object of a certain class, another to change as well. Example: class minhaClasse{ constructor(valor1, valor2){ this.valor1 = valor1 this.valor2 = valor2…
-
1
votes1
answer65
viewsIs it possible to limit the number of items in a dynamic list using CSS only?
Let’s assume that I have a normal auto-complete dynamic list, which has 5 items in the desktop version, and when it is mobile, through media queries I would like it to appear only 3 items, but I…
-
1
votes1
answer43
viewsDiv in React is not appearing
I am having a problem in trying to clone the front of the trello and the problem begins to occur when I try to insert the columns. I have a date that stores the column and ticket data. With tickets…
-
1
votes2
answers40
viewsBreaks in CSS measures
I’m really confused how the measurement percentages of CSS (in particular %) and property height html { border: solid 5px #000000; height: 600px; margin: 10px; } body { border: solid 5px #470eaf;…
-
1
votes2
answers112
viewsDynamic CSS in backgorund-color
I am creating a grid of cards and each card can have up to three different background-color, is there any way to make this color dynamic? Instead of creating three identical classes in html, just…
-
1
votes1
answer50
viewsHow do these symbols (text Fragments) work in the "#:~:text=" URL?
I see some sites use these symbols #:~:text= links as a way of highlighting the text or a certain part of the text of the site on which it is relevant. As, for example, below is opened a MDN page…
-
1
votes3
answers55
viewsHow to use mouse events to create enter/out effect without the German inside the selected element interfering
I wanted the div with class block was with an outline when I entered with the mouse inside the div and then the border disappeared when I take the mouse out. Problem, when I pass the mouse over the…
-
1
votes1
answer232
viewsResponsive table with scroll if screen is smaller than data
I am having difficulties in a certain responsive point of the site I am creating. I need a north. In this image the side menu is closed, occupying less space. As my div has fixed size it remains the…
-
1
votes1
answer66
viewsWhy even when margin and padding ta set to 0px there are still spaces between the elements?
#header{ margin: 0px; padding: 0px; border: 0px; width:100%; height:100px; background-color:#00F; } #conteudo{ widows: 100%; margin: 0px; padding: 0px; border: 0px; height:500px;…
-
1
votes1
answer37
viewsHow does a div go past the grid size?
Guys, I’d like to leave it at that: But so far, I’ve only been able to keep it that way: I am the css grid, I can’t get the div to pass over the other. My codes: #sobre { width: 100%; height: 100vh;…
-
1
votes0
answers251
viewsMargin problem when generating PDF with MPDF
I need to know how to take the margin or edge of the mpdf pages, at first I wanted to create a pdf file that had the first page with this background = background: linear-gradient( 40deg, #4169E1…
-
1
votes1
answer46
viewsHow to give a translateY with Banse in the current value of translateX?
I have a box that moves to one side and to the other using translateX ai I put a pseudo class to emulate a jump with translateY when the user hovers over the parent container of this box. The…
-
1
votes1
answer110
viewsCentralize table columns with Bootstrap
I don’t have much ease in . css, so I tried here. Below is the code and details. <div class="container"> <table class="table"> <thead> <tr> <th class="colunm1"> <a…
-
1
votes1
answer45
viewsmax-height is not working
Good morning first. I’m trying to limit the height of my div classy contacts inside my div classy contact-page, however the height of contacts exceeds the contact-page, even with the max-height. The…
-
1
votes1
answer42
viewsChange color Repeater cell
I’m making a system ASPNET c# WEBFORM, and food a REPEATER with information coming from the database. I would like a certain cell to have a certain color, according to information coming from the…
-
1
votes1
answer75
viewsHow do I enable Hover without creating a css file?
Good afternoon, someone could assist us in this issue, I’m trying to activate Hover to change Background-color, if you have how to activate Hover without creating a css file. <body>…
-
1
votes0
answers9
viewsAssign CSS to a div with that div’s id
Can you help me with this Since i have two Carousel in same page and mess Around with the other one. #patrocionadores { .carousel-inner .active, .carousel-inner .active+.carousel-item,…
-
1
votes1
answer80
viewsFlexbox Horizontal List
Good afternoon, everyone! I’m looking to line up a list ul so that their li stay left and last li stay right. I’m not able to do this, someone could help me. I could make it easier if I split this…
-
1
votes0
answers35
viewsHow to make items within the site responsive?
I am creating a labeled Forms inside a view and I would like that when this zoom or go to small Content does not deform. How to do this? <head> <link rel="stylesheet" href="~/css/site.css"…
-
1
votes1
answer149
viewsHow to adjust the width of the jquery datatable to larger resolution screens
I’m having trouble displaying my datatable (empty) on screens with higher resolutions. I’ve tried using the class table-responsive-lg, but it hinders the responsiveness applied by the class…