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
votes3
answers384
viewsDoes anyone know how I do this effect on the background of this div?
Hello, I would like to know how I make this effect similar to that of this image, with the shadow and the comics Can anyone tell me ?…
-
1
votes1
answer142
viewsHow to draw dotted lines from selection in Firefox, Edge and IE
How do I get these dotted lines out of the menu when the link is selected? I’ve tried using the outline:none, but works only in Chrome, already in Firefox, Edge and IE does not change anything.…
cssasked 6 years, 9 months ago Fabricio Marra 41 -
1
votes2
answers323
viewsPrevent css changes with javascript
I have a div with class footer when I’m going to style it in css and leave it on display: None; it disappears so far so good. but wanted when used css to hide that div it does not suffer any effect.…
-
1
votes1
answer68
viewsSite does not stay the same on two different smartphones
I’m making a website and it doesn’t get properly responsive on some mobile models. On an old cell phone (Galaxy and duos) the image I use doesn’t even appear, and the html page is very light. Can…
-
1
votes2
answers82
viewsRelated news on the site
hello would like to know how I do to put related news on my website like I have a session on my website called "POLITIC NEWS". and the person when clikar on the news appear other news on politics…
-
1
votes4
answers9708
viewsMask in html and css form only
I’m starting in HTML/CSS and trying to create mask only in these markings (HTML/CSS) for my form fields. It will be possible or should use Javascript for the import of masks? <label…
-
1
votes2
answers171
viewsSVG, Canvas or CSS? Need to network with interlinked images
Well, that’s it. I thought about using SVG and image with borders but my concern is about responsiveness, in smaller devices will get all messy I wanted a way for the lines to automatically connect…
-
1
votes2
answers353
viewsHow to test site on screens of different sizes
I’m doing the creation of a site, but it’s still only on my machine on the localhost, how do I test on different screen sizes as for example on smartphones screens, Androids, SOS, but, firefox,…
-
1
votes2
answers411
viewsCenter div inside scroll
I have a father div that has the scroll enabled and a width limit, below it I have another div with content. My wish is to center this content on the parent div so that the content is centralized,…
-
1
votes0
answers56
viewsContent from an in-app website on Intel XDK
I’m developing an application on Intel XDK where I need to publish the site content in the app. That is, when I update the site, the content in the application is also updated. Remembering that the…
-
1
votes1
answer71
viewsDoubts about CSS and positioning
Let’s say I’ll position a div 100px of height and width, (a square) then I position this square in margin-left 40% and margin-top 20%, the square is more or less centered, right? Now I will put a…
cssasked 7 years, 10 months ago Leo Bufalo 333 -
1
votes1
answer50
viewsWhat is the smallest lag of a mobile device?
My site is organized to adapt to different screen sizes via CSS @media’s, but the minimum lag is 320px (width). I imagine there are devices with smaller widths, but in a negligible amount... does it…
-
1
votes3
answers70
viewsNon-responsive image
On larger screens the image duplicates and I want that not to happen. I’m using the following code: background-image: url("../assetsimages/book.jpg"); background-repeat: repeat; max-width:100%;…
-
1
votes2
answers1781
viewsKeep image dimension inside div with flexbox
I have a divwith display: flex and within this div there is an image with dimension of 670x227 (natural), because she’s inside a div with flexbox she is "resized" horizontally to fill the entire…
-
1
votes1
answer153
viewsProblem with Media Query
Does anyone know how I can specify a Media Query for each device ? I’m trying to leave the iphone 6, 7 e 8 in a way and in the same cell phones only Plus version I’m changing to suit the layout only…
-
1
votes2
answers194
viewsCentralize navbar items when viewed on desktop
I’m using the codes below to create a navbar, but I would like, when viewed on desktop, the items highlighted in green to be centralized, but when viewed on mobile, remain exactly as in gif. Code…
-
1
votes2
answers947
viewsHow to expand an image with Hover without other elements moving
would like to expand an image when passing the mouse without the others moving. nav#foto ul li{ display:inline-block; margin-left:30px; margin-top:55px; text-align: center; box-shadow: 2px 2px 10px…
-
1
votes1
answer480
viewsChange fullcalendar link color
Colleagues. I’m using Fullcalendar for a client application, but I came across a challenge. In the image below (where it is marked with a yellow circle), when you have more than one event on the…
-
1
votes1
answer175
viewsParalax image does not appear apple device (IOS)
Good afternoon, you guys. I developed a website for my girlfriend, and when I open it on an iphone, the image paralax does not appear, it gets blurry. Android devices, notebook and Desktop is…
-
1
votes1
answer141
viewsHow to Develop Related Videos
I want to create a script that works like on websites of the genre: Dailymotion, Metacafe and so many other video repositories that do this. When the user opens a video he puts the video to run…
-
1
votes1
answer141
viewsnon-responsive html text
Both the title <h1> as the paragraph <p> I can’t get him responsive. Code: #h1{ color:#3396ff; position: absolute; left: 36%; top: 70px; text-align:center; } #p{ position: absolute; top:…
-
1
votes2
answers46
viewsI have questions that when you click on it, the onclick event is called a div that is on display - None appear
HTML <a href="#" onclick="Resposta()"> <li>Como comprar passagem?</li> </a> <div class="resposta_duvida">Apareça por favor</div> CSS .resposta_duvida{ display:…
-
1
votes2
answers3949
viewsHow to change the style of an React component by clicking a button?
Guys I’m using React and I’m creating some components, I’m very beginner in React, I’m styling the components in an external css file and importing, but I need to make a side bar q need to open and…
-
1
votes1
answer63
viewsShow div to scrolar the page?
I see many Wordpress themes use the feature to show the elements as you scroll on the site, an example is this: https://belle-demo.myshopify.com How is this done? Only with CSS is it possible?…
-
1
votes1
answer1636
viewsFloating box with CSS and HTML
I would like to know how to create a floating box that darkens the screen behind and information appears in the center of the page , I searched in stackoverflow br and did not find something…
-
1
votes1
answer132
viewsDisplay block does not work in Safari
I’m trying to change the css of a javascript loading. The element is as display:none and when I submit I change this element to display:block and the same appears on the screen. The point is that…
-
1
votes1
answer60
viewsProblem with Grid in css
Well I’m having problem with the grid in css. Whenever I finish a '' it creates a bigger space. Someone knows how to solve this and leave him uniform? Follows the code: .column { background: #eee;…
-
1
votes1
answer35
viewsOverlapping labels
Greetings. With the following code... https://jsfiddle.net/WRobynson/n10pttbb/2/ The labels are superimposed when the screen is lowered. I would like you to stay one at the bottom of the other. Can…
-
1
votes1
answer724
viewsHow do I get a single div with the same class in jquery?
How can I use the function click in jquery with classes of the same name? Type click and appear the element only in the clicked div and not in the others. I’ve tried to use…
-
1
votes2
answers35
viewsApply properties to an element only if it belongs to a class
I want to apply css to these elements ul { list-style-type: none; margin: 0; padding: 0; width: 200px; background-color: #f1f1f1; } li a { display: block; color: #000; padding: 8px 16px;…
-
1
votes1
answer69
viewsMedia Query for different zoom levels?
I would like to use values 'in' in Media Query, only for different types of zoom in the browser like 100% 125% 175% and so it goes. What values should I use?…
-
1
votes1
answer351
viewsAdd class to on scroll element
I have a site that in css, have these statements for the body: body { background: #fab52d; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 1.6rem; color: #FFFFFF; overflow: hidden;…
-
1
votes2
answers2443
views100VH height however page contains scroll bar
I have this page, that I put the height of the page in 100VH, to occupy the entire screen, but it is generating these white spaces at the bottom and side, and this is making appear scrollbars, I do…
-
1
votes1
answer738
viewsHTML/CSS text and image - Also responsive
I would like to do this formatting with HTML/CSS. The texts, one on top of the other, with a button on the bottom and an image on the side. OBS.: It has to be responsive; The image can be up or down…
-
1
votes2
answers67
viewsproblem with form with tabs
I took a code on the internet that configures tabs, everything works well, except that when I change tab and return to previous, the data filled in the form have been deleted and the masks of the…
-
1
votes3
answers338
viewsCenter
I would like to know how I do to keep the chat centered. <iframe src="https://www2.cbox.ws/box/?boxid=2392843&boxtag=uStqza" width="75%" height="450" allowtransparency="yes" frameborder="0"…
-
1
votes1
answer53
viewsUnwanted delay effect
Problem: Desktop menu animation and soon lagged (+ or - 3s), but the mobile menu icon works as expected Attempts: transition-delay: 0s; transition-delay: none; animation-delay: 0s; animation-delay:…
-
1
votes1
answer396
viewsWhen I write in the input the text starts to appear in the middle instead of the beginning
I’m quite beginner still in html/css and found no answer anywhere, but then, in the input I put a css to increase the size of "box" etc, but when I write appears the "|" to start writing in a…
-
1
votes1
answer94
viewsMysterious padding when using Scale CSS
I have a problem. When using scale() in a CSS of mine to decrease the size of an image in media query, he’s creating a padding mysterious. This padding is not set anywhere, if you see, it is the…
-
1
votes1
answer1434
viewscolspan with css
I set up a table in css, but I’m having a problem, I wanted to leave the line with colspan connected with the top line. Note that the colors do not match, that is the color of the line with colspan…
-
1
votes2
answers1488
viewsPrint without losing css
I have the following page below which is to print out some OS reports, this exactly the way I need, only when I print this losing the css formatting, how do I print without losing the css layout…
-
1
votes0
answers53
viewsexchange img with one click
I am developing a project but need a slider that changes img only when receiving a "click". For example: I click on one img and it will move on to another and so on. Could any of you help me with…
-
1
votes1
answer127
viewsExpand <div> and call other content asynchronously
I would like to know how to create an event click on <div> that upon receiving the event it expanded to a percentage of the screen. Ex: 6 <div>, blog, who we are, etc... When I click…
-
1
votes1
answer3986
viewsHow to put three points in a word if the text overflows the page?
I would like to know how to put three points in the last word that exceeds the page limit. This image is like the current text. And that image is how I want you to get the three dots Here is the…
-
1
votes1
answer2461
viewsBootstrap - How to increase the size of the input column?
Follows the code: On the index page: <!-- Modal --> <div class="modal" id="minhaModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div…
-
1
votes1
answer747
viewsAdjust list of products in Woocommerce, to align correctly
My store has the following look And I would like to align the products correctly, because the look is not cool. How could I do that?…
-
1
votes0
answers53
viewstext animation
Does anyone know what the name of the text animation clip "Alone - Alan Walker" is? at the end "You are not alone" where the lyrics move and makes a Glitch animation. Who knows I just need the name,…
-
1
votes1
answer36
viewsIs it possible to recreate this gradient effect only with html and css?
I was visiting the following website http://www.adventistadareformacompleta.org/os_livros_de_registros.html And I thought maybe it would be possible. Here’s what I’ve tried so far:…
-
1
votes1
answer1530
viewsPSEUDO ELEMENT, CONTENT (IMG) AND BACKGROUND TOGETHER
I need some "hint" on how to make it work in the pseudo-element ::before the content (with image, a photo for example) and a background transparent, all in the same class. A someone knows how ?…
cssasked 6 years, 7 months ago user33011 -
1
votes1
answer1050
viewsGrid Bootstrap System: Can . Row inside . col?
I have a question regarding the Bootstrap Grid System, it is valid to use a .row within an element with class .col-x-y in case I want to create more than one column inside that .col-x-y? In short,…