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
votes1
answer46
viewsintegrate Slick slider to my project
I’m trying to integrate Slick into my project Django but it seems that it doesn’t work at all, if you can help me by telling me what I’m missing, it would help me a lot, I’ll put the base code and…
-
0
votes0
answers18
viewsScroll with wrap-Reverse css
I have the following structure. .sideBar{ padding: 0 !important; margin: 0 !important; background-color: #fff; overflow-y: auto; border: 1px solid #f7f7f7; height: 100px; display: flex; flex-wrap:…
cssasked 3 years, 7 months ago Pedro Augusto 2,392 -
0
votes0
answers24
viewscss in contact form 7
I’m using contact form 7 at (https://petspa.vet.br/contact/) and the return of submission is with the blank source: .wpcf7 .wpcf7-response-output { margin: 30px 0 0; padding: 15px 20px; border: 0;…
-
0
votes1
answer44
viewsHow to align the next lines of a <span> to the first line?
I have a <div> which holds an image and a <span>, and my goal is that the image is aligned vertically to the <span> in the first line and the next lines of the <span> start…
-
0
votes0
answers20
viewsMake a Table of Contents Affix inside each Accordion Bootstrap on the same page
I am developing a page that has several Accordions with a large amount of text inserted inside each and, thinking about the usability and ease of use of the page, I thought I would try to add a…
-
0
votes0
answers7
viewsCentral alignment of svg image
Good afternoon, my friends I’m not able to perform the alignment of the text and the image in the middle of the blue outline, someone could help me? Thank you, body { margin-left: 0px; margin-top:…
-
0
votes0
answers16
viewsonclick lasting 1 second
Man onclick this one lasting only 1 second. Ex: I click the right button and take the value of the input and return to div, but the value is only lasting 1 second on the screen: function teste() {…
-
0
votes0
answers32
viewsProblem with responsiveness in a div with reactjs and Slick Carousel
EN I’m having trouble getting the background of my div responsive, when I lower the screen horizontally and increase vertically, the background is "stretched", making the title and content below…
-
0
votes1
answer30
viewsHow to insert an image and move the text by hovering the mouse on the button?
I am making a menu of categories of books and when passing the mouse on each button I would like the text to move to the left and an image to the right of the button appears. Could someone help me?…
-
0
votes0
answers66
viewsOpen and close menu button
Good evening guys, I’m new to programming and I’m trying to put on my web page an open and close menu button. I apologize if it’s repeated, because I couldn’t find one that looked like mine, so I…
-
0
votes1
answer24
viewsHow to change the width of this H3 so it is responsive and centralized vertically and horizontally?
I’m trying to center both horizontally and vertically this H3 but it’s bigger than the image, so when it changes the size of the device being seen it ends up leaving the center: The images have a…
-
0
votes1
answer47
viewsHow to position the text on the right side of this Section? I used"float: right;", but keep this white space, I’m using Bootstrap for the texts
//Caso aja algum script que me ajude, adoraria saber. Obrigado //pela atenção pessoal :) body{ background: #24282f; } /*GALERIA DE IMAGEM*/ .galeria-second{ width: 42%; height: 530px; overflow:…
-
0
votes1
answer23
viewshow to make a horizontal scrollbar without using white-space: nowrap;
I’m using white-space: nowrap; in a mother div to make a scrollbar horizontal. Only the elements inside the mother div for example <p>tag p ela não cair para abaixa ficar em uma linha…
-
0
votes2
answers41
viewsDisplay json in different locations of my html statico
Hello I have a json : http://mulher.store/clara/admin/api/empresa.php?e=8 this api data needs to appear in several places of my html page: example: <div id="community-members-member-top-title"…
-
0
votes1
answer49
viewsHow to apply a CSS style only to devices that do not have a mouse?
I need to hide an "X" icon when the device is in a web resolution with the pointer cursor and keep on touch devices (e.g., tablet and mobile). I don’t know if I need to use the media pointer, to…
-
0
votes2
answers51
viewsAlign Divs, with or without Bootstrap
Hello, I need a centralized grid using bootstrap, I managed to do this using flex and justify-content-center: .item { border: dashed 1px blue; padding: 5px; } .container { border: solid 1px black;…
-
0
votes0
answers25
viewsRemove the overlap
I am using the React-Burguer-menu and it is over all the content. I would like to get all the content to the side when opening the menu. Follow code in the Burger import React from "react"; import {…
-
0
votes0
answers25
viewsTouch in dropdown list does not work
I created a dropdown menu using HTML and CSS and made a configuration with Jquery, for when I pass the mouse over, this dropdown menu opens. But on mobile this doesn’t work, how to set up to have a…
-
0
votes1
answer48
viewsScroll (scroll bar) with the same look in multiple browsers
I have the scrollbar in this style in the browser google Chrome, but in mozila and on the internet explore the visual ends up not picking up. It is possible to mount the scroll bar without using…
-
0
votes0
answers20
viewsoverflow-y is not working in div after width breakpoint
I’m trying to set overflow-y: auto after a div breakpoint, but it’s not working as I imagined. I have a div-container where has a header, a div wrapper where this has two other (one for a Fields and…
-
0
votes1
answer31
viewsAlignment does not work in a div
I’m trying to line up a div in the center, but it’s on the left. I’ve tried using <div align="center">, tried to use text-align and align-items in css, but nothing works. #json {…
-
0
votes0
answers40
viewsMy site is made of animated images with javascript. How do I make it responsive?
First of all: I started programming not a week ago, I’m very interested in learning, so while I wait for the answer I’ll be endeavoring to turn me around, but a little help wouldn’t be too bad :) As…
-
0
votes2
answers31
viewsHow to remove lateral white space from div’s
Problems with the Newbie. There’s a blank space in my div’s: I didn’t even bother because it looks like it’s going nowhere, but: This affects the site on mobile, making this space blank throughout…
-
0
votes0
answers23
viewsHow to prevent a carousel from slipping when it reaches the last item?
I’m making a carousel from scratch, it contains 7 items, the problem is when it gets to the last item I can still click to the next one, I want every time I get to the last item the carousel stop.…
-
0
votes1
answer78
viewsHow to make a dark mode button?
I tried to create a simple code from a button that, when clicked, leaves the bottom of the page in dark mode. const btn = document.querySelector(".button"); btn.addEventListener("click", (evt) =>…
-
0
votes0
answers46
viewsHow to choose only a few items from a . map
I’m making an app similar to facebook, all posts are on a . map: {datapost !== undefined && datapost.map(item => { return ( <div className="publicacao"> <div…
-
0
votes0
answers12
viewsText inside a Carousel climbs and disappears as it renders on mobile devices
I have a Carousel that contains three images and two lines of text inside But the texts rise and disappear as the screen size reduces; Below is the HTML of the Carousel <style type="text/css">…
cssasked 3 years, 3 months ago Jairo F Sampaio 1 -
0
votes0
answers23
viewsBootstrap doesn’t matter in Vs Code. Why? - UPDATE
Hello, I used the command, inside SCSS, @import 'bootstrap-4.3.1'; But, it didn’t work. I actually used also this below (none worked): @import 'bootstrap-5.1.0'; @import…
-
0
votes1
answer43
viewsElement overlapping all the rest
I’m creating a project binary decoder, wanted to "decorate" putting a Matrix style background, but it overlaps all other elements present in html // geting canvas by Boujjou Achraf var c =…
-
0
votes0
answers27
viewsPage navigation by AJAX does not work
I have the following Menu on my page Index.php <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <a class="navbar-brand"…
-
0
votes0
answers13
viewsProblems using canvas Stroke and filter together
I’m developing an image editor on canvas and it needs to contain filters and a rubber. My problem is: By changing the effect (contrast, saturation and brightness) and after using the rubber, it…
-
0
votes1
answer39
viewsResponsivel layout with image
I have an area with a title, text , list and image. I need to leave the image next to the text area, as in the figure below: However, when decreasing the screen resolution I need the image to be…
-
0
votes1
answer23
viewsHide contact items in burger menu
I need to hide the contact items (facebook, github and Linkedin) in the burger menu. However the effect does not apply to them, only to the menu text. I need everything on the menu to hide and only…
-
0
votes0
answers36
viewsI need to make a search bar responsive
var conteudo_requisiçao; jQuery(document).ready(function() { jQuery("#txt1").on("keyup", function(e) { e.preventDefault(); var texto_digitado = jQuery("#txt1").val() var busca = { action: "busca",…
-
0
votes1
answer28
viewsRun product message not found
<? public function busca() { $busca = '%' . sanitize_text_field($_POST['busca']) . '%'; $nome_categoria = ''; $produto_categoria = array(); $link_categoria = ''; $categorias =…
-
0
votes2
answers55
viewsHow to change the style of a page by clicking a button?
I have an HTML page and external CSS. I made a high contrast version, which when the user clicks the button, the whole style of the page changes. To do this, I created an anchor (<a>), who…
-
0
votes0
answers24
viewsChange background-color cells with ids via Javascript
Guys I’m not able to change the background-color of my cells through their ids using Javascript. Gives the following error: Uncaught Typeerror: Cannot read Property 'style' of null. Does anyone know…
-
-1
votes4
answers1519
viewsHow to change the appearance of the site according to the device used, without having to script on the client or server?
Someone here knows how to create a responsive site from scratch? Without using a framework like Bootstrap? I need it because I get it layouts in all custom PSD and it would be easier to create from…
-
-1
votes1
answer201
viewsHow to create a button with the Custom Scrollbar plugin?
Custom Scrollbar My idea is to create only one button. When you click it it is activated and with the automatic scroll working, when you click again it is disabled and disables the automatic scroll.…
-
-1
votes1
answer231
viewsCreate a scrollable tabs with javascript
What do you recommend to create a scrollable tabs with Javascript?
-
-1
votes3
answers3057
viewsSmooth Transition in Image Slider
I have a div that displays a series of images in its background: <div id="header-slider"> ... </div> For the images to loop I did the following code in Jquery: var imagens = […
-
-1
votes3
answers1142
viewsParallax Animation and Fade for Web
I’ve made all the moves of this URL in Adobe’s Muse and Edge Animate, but I want to do it in my fingernail by coding. Some hint of Parallax or similar animations in Codepen or Github? I want to…
-
-1
votes1
answer313
viewsUse of -Webkit-* and -Moz-*
The prefixes -webkit- or -moz- shall be used for elements operating without the use of such elements (such as box-shadow)? Normally those who use Chrome and Firefox have versions that support many…
-
-1
votes1
answer284
viewsCSS and JS in production of Nodejs + Expressjs + Socket.IO
I have a problem in a chat using Nodejs + Expressjs + Socket.IO. In local environment no problems happen. However, when I put it into production I am having problems with CSS’s and JS’s. I open the…
-
-1
votes1
answer27
viewsModify website from 1290px to 960px
I finished the front end of a site, where the maximum margins of the elements go up to 1290px. Now, I have the layout to do it in 960px. Obviously I will reuse classes. I could use the @media, but…
-
-1
votes1
answer169
viewsTest equal resolution Netshoes website
I was testing the Netshoes site in several resolutions, and saw that it is no more than 1300px and is at least 950px wide. When you lower the screen, it does not adjust (like using the bootstrap,…
-
-1
votes1
answer218
viewsjQuery - how to measure the load time of an image in the background
How to run code when an image used as background is loaded? I tried to : $ ('#IDdaImagem').on('load', function () { / / 'Código parágrafo CARREGAR uma page / Conteúdo' }) and does not work the image…
-
-1
votes2
answers58434
viewsBackground image, using css
How do I put a background image on div, using css? I tried using simple quotes but nothing happened: background: url('images/html.jpg'); I’m doing so in the: #tudo { width: 100%; height: 992px;…
-
-1
votes2
answers232
viewsFoundation does not work anything using Javascript
I’m clicking on the header Jquery, Foundation.min.js and Foundation.css. But nothing that needs Javascript works, such as dropdown, slider, etc. I can’t find a solution anywhere. How to make the…
-
-1
votes1
answer1238
viewsI can’t line up a box in the center?
I’m trying to align the box in the center of the screen, but it looks like it’s lining up wrong even if I put 50% of top and 50% of left. css #conteudo{ position:fixed; top:50%; left:50%; border:2px…