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
-
0
votes0
answers34
viewsHow to group text with image
Problem: I created a modal to display some information and text about the image. I’m not getting the text to be in front of the image. Solution: Leave text in front of the image. This image is…
-
0
votes1
answer2478
viewsSlick Slider Autoplay
I’m mounting a Slick Slider with 4 images, however, it loads all images on screen and does not autoplay Slick alone. JS: $('.single-item').slick({ slidesToShow: 4, slidesToScroll: 1, autoplay: true,…
-
0
votes1
answer51
viewsHeigth does not obey the reported value in percentage
I wanted to know why the property height in css does not obey the given value in % but obey the given value in px, in % is as if only width works, someone can explain to me why this happens and how…
-
0
votes1
answer106
viewsmake javascript listen to an html element and manipulate the value of the property of another element if there is click
I need to listen to an html element of id="hamburger", if the user clicks, javascript checks the value of the display property of another element, in the case id="Overlaynav", and changes the value,…
-
0
votes1
answer48
viewsHow to write inside an image border
Hello I would like to write inside the border but I could not follow my code .first-row-sites .img-responsive, .form-sites-container, .second-row-sites .img-responsive { border-top: 50px solid…
-
0
votes2
answers72
viewsMix of CLASS and ID in HTML and CSS
I took the test of the IFSULDESTE competition of Minas Gerais organized by the CEFET-MG Foundation and I have doubts about the following question: 8 - Consider the code of the following HTML page.…
-
0
votes0
answers13
viewsNavbar collapse does not close when staying in Bootstrap mobile size
I’m trying to make a responsive Nav bar, but when leaving it in mobile size, when I click on the "burger" it opens and displays the menus, but does not close, someone can help me? <html>…
-
0
votes2
answers638
viewsHow can I align the second card to the right?
I want to align the second card (I’m using Bootstrap) on the right, how can I do this? <div class="col-lg-6"> <div class="card card-certificado" style="width: 18rem;"> <img…
-
0
votes1
answer116
viewsEdge some of thead th when giving scroll (scroll page)
Currently I have a table fixing the thead th at the top of div, but when scrolling (scrolling the page) add the edges of the th. I need that when giving scroll continue with the edges.…
-
0
votes1
answer66
viewsleft div track right div height
Hello, I am creating a pdf contract and in it I have two columns, but when breaking page the rest of the text loses formatting, the solution I found more viable was to make the left div follow the…
-
0
votes0
answers50
viewsHow to make the scroll "jump" to a div or internal link in jQuery (or pure JS)?
Example: https://alvarotrigo.com/fullPage/ and https://www.casacomseara.com.br/, as you use the mouse scroll up or down, you will "jump" between the contents or Divs. That’s what I look for in…
-
0
votes1
answer33
viewsDrag and Drop item about components
I’m developing a drag and drop feature from a side menu to a list. I have 2 problems: 1 - When I drag the item from the side menu, the item is shown only on the menu, when I move the mouse out of…
-
0
votes1
answer37
viewsDiv does not appear correctly on differentiated devices
I have the following div: <div class="row"> <div class="col-lg-4 mb-4"> <div class="row"> <div class="col-lg-12 col-md-12 text-center"><img src="imagens/interprete.jpg"…
cssasked 5 years, 3 months ago user24136 -
0
votes1
answer54
viewsWhy aren’t the blue balls positioned in the center of the column?
I’m creating a page with a Grid Bootstrap and I put four blue balls in one of the columns... The problem is that I cannot place the blue balls in the center of the column (they are always positioned…
-
0
votes1
answer62
viewsText does not track responsiveness
Could you explain why the text in the center of the image does not follow the responsiveness? What should I correct? <body> <div class="inicio"> <nav class="navbar navbar-expand-lg…
-
0
votes0
answers69
viewsHow to decrease the logo when scrolling the page in the Bootstrap fixed menu?
I have a fixed menu with Bootstrap where the logo is: <div class="container"> <a class="navbar-brand" href="index.html"><img src="images/logo.png" id="logo" class="maxlogo…
-
0
votes1
answer146
viewsdrag Divs/lessons and get Div’s position
I am developing a course platform website, each course can take many lessons. In the database, each class has a column called position, then for the end user, simply make a listing in order of the…
-
0
votes1
answer53
viewsRotate image and resize to fit
I have the following script var graus = 0; $(document).on('click','img',function(){ graus = (graus+90); if(graus>350) graus = 0 $(this).css({ "-webkit-transform": "rotate("+graus+"deg)",…
-
0
votes1
answer109
viewsResponsive table is deformed
I am creating the following responsive table, but it does not agree with what I want: CSS: table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;…
-
0
votes1
answer60
viewsanimation with CSS
I have a problem using animation in css when I click the login and Sing Up buttons for the first time works normally, but when I click on any of these buttons the animation does not work, I tried…
-
0
votes0
answers29
views200vw usage affecting HTML height in Chrome Mobile
Hello! I’m building a small portfolio in React with a side scroll. For this, I created a container of 100vh height and 200vw length, to store two screens that will make the scroll. Everything works…
-
0
votes1
answer45
viewsCentralize div without width on a display: flex
I have the following structure: <div id="peca" class="cinzaClaroBB"> <section class="sessao peca"> <div> <img src="folder.jpg"> <img src="cartao.jpg"> </div>…
-
0
votes2
answers100
viewsCSS -> DIV content on ::after content
on the site I’m trying to develop, https://fielcard.net.br/ In the middle there’s a section of frequent questions and I have the following structure: $( 'body div#duvidas > section.duvidas >…
-
0
votes1
answer46
viewsCenter elements responsibly
I have done a lot but I cannot centralise the elements when I decrease the resolution. <section class="empresas"> <div class="container"> <div class="row d-flex justify-content-around…
-
0
votes4
answers47
viewsHelp with responsiveness and alignment
I’m doing a personal project and I need a push. I consider myself awful in CSS and I have no skill at it, so I came here to ask for help. My goal in this is that the function boxes are aligned (like…
-
0
votes1
answer523
viewsRedirect to another Page With Avascript in a smooth way (slide, fade in , etc)
Guys down here is my code. the following happens: I am using a java function that automatically redirects the user to another page. turns out that when directing the user, the page transition was…
-
0
votes1
answer115
viewsTwo radio input dialing in the same buged form/header padding
All right? So, I have a problem, I have a form with 2 radios... It is to mark one or the other, but you can mark both... Here he is: <div class="budget-wrapper"> <header> <h1><i…
-
0
votes0
answers167
viewsPHP-How to update values in a combobox after clicking the insert button?
I’m new to Law and I study alone... I need to make sure that after the user records a course by choosing the combobox and clicking Enroll, the recording is done in the Enroll table in the database.…
-
0
votes1
answer86
viewsHide div with Javascript
I’m trying to hide a div with Javascript. Only the buttons are not activating anything and are only hiding everything. In fact, it is not even activating the interactivity of the buttons. The main…
-
0
votes1
answer180
viewsAlign <ul><li> with 4 or 5 items
I have a page in PHP that presents my products, some items have 4 sizes and others 5 (P, M, G, GG and XGG*). When I have 5 sizes, the alignment is correct, but with 4, it is aligned on the left,…
-
0
votes2
answers238
viewsProblems with :checked css
I’m trying to make a menu appear when the checkbox is checked /* Menu Mobile */ .mobile{ position: fixed; display: block; } .mobile input{ display: none; } .mobile label{ color: yellow; font-size:…
-
0
votes0
answers35
viewsTable stylization problem using Bootgrid()
When I rethink that table within a Modal and use the function BootGrid(), it cannot load all the necessary styles, making the navigation buttons for example not properly stylized. Code of the table…
-
0
votes1
answer116
viewsHow to make the dropdown menu work?
I’m making a website with bootstrap, but the dropdown menu does not work, below a code snippet: <li class="nav-item dropdown active"> <a class="nav-link dropdown-toggle" href="#"…
-
0
votes1
answer55
viewsElements of a Timeline Breaking Line
all right? I’m trying to make a Timeline with scroll, but I’m not getting the Timeline elements into the div when it reaches the maximum size, so that this part is not visible. Here is the code I…
-
0
votes1
answer246
viewsCSS Font Awesome does not load
I’m having difficulty using fot awesome I found this example on the internet: http://astronautweb.co/snippet/font-awesome/ but I’m not managing to solve this problem mine HTML and CSS is as follows…
-
0
votes0
answers84
viewsAdd Class in span attribute according to url
I have a span attribute and need to insert a class to force the hide if it is within a URL, I want to do it fully in javascript. Code I’m making document.addEventListener('DOMContentLoaded', ()…
-
0
votes0
answers143
viewsAlign div to equal CSS sizes
I have the following CSS: .your-account-main-menu li { display: inline-block !important; padding: 15px; width: 12%; border: solid 1px #EDEDED; } And the following structure <ul…
cssasked 5 years, 3 months ago Sr. André Baill 6,946 -
0
votes1
answer211
viewsSpacing between lines Textarea
I have a doubt in which I am already battling for some time, I wanted to add more spacing between lines of the textarea . Here is a current image of my text area that I want to add line spacing.…
-
0
votes1
answer104
viewsHow to create a triangular progress bar with borders?
I’m trying to create a progress bar that has the format of a rectangle triangle, as in the image below: It’s actually a div with the size of 70% x 50px and a 1px border, and a pseudo ::after with a…
-
0
votes1
answer438
viewsvuejs - v-bind in pseudo css element
I need to change the color of a pseudo element, according to some conditions. To simplify, I did first without any condition, just want to change the color through the v-bind I have a pseudo CSS…
-
0
votes1
answer170
viewseffect for navigation on Onepage
body{ background: #000; display: flex; flex: 1; flex-direction: column; height: 300vh; justify-content: center; align-items: center; } p{ color: white; } .navegacao-lateral{ position: fixed; left:…
-
0
votes1
answer37
viewsWhy is this effect happening to the property all?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> html { color: red; background: blue; border: 1px solid white; } body { color: yellow; background:…
cssasked 5 years, 2 months ago user159189 1 -
0
votes2
answers218
viewshow to reuse HTML structure and change content (avoid Ctrl c Ctrl v)
div { display: flex; flex-direction: row; flex:1; justify-content: center; align-items: center; } img{ margin: 10px 0; } <div> <section> <h1>Titulo 1</h1> <p> alguem…
-
0
votes0
answers28
viewsStylization form
Good afternoon, I want to leave the form the way it is in the image, and when I use form within form when setting the part of the backend does not work. I tried to modify the internal form with div…
-
0
votes2
answers47
viewsIs it possible to manipulate an ID in the CSS via another ID?
I would like that when passing the mouse over the image #imagem:hover the body dark, in order to focus only the image #body: opacity: 0.5 .card-img-top:hover { border: 1px solid #007BFF; /* zoom ao…
cssasked 5 years, 2 months ago Weslley Filipe 23 -
0
votes0
answers31
viewsDoubt how to use the Cubic-Bezier() CSS function
I’m not quite sure how to change the speed of the animation along, in which it’s being executed. The graphic below is illustrating a valocity of animation using the function cubic-bezier(). Gray…
cssasked 5 years, 2 months ago user159189 1 -
0
votes1
answer60
viewsCentralize cards on mobile device
I’m not getting these cards stay centered when on the mobile device, I’ve been told to use media queries, but in that sense I would have to create a new class to assign the css code, I mean, I…
-
0
votes1
answer241
viewsicons via Cdn are not displayed on the website
I own a card and a link where I wanted to carry an icon of download, I use the class provided by font awesome, but the icon does not appear. I’ve read about specificity right here in SO-pt, I also…
-
0
votes2
answers203
viewsHow to place an image on the right side of the page without changing the layout?
I would like to put an image on the right side of the login screen of the site I am creating. Below with the image is easier to understand. I would like an image to be 'floating' there with css,…
cssasked 5 years, 2 months ago Ricardo Gonçalves 23 -
0
votes1
answer105
views