Most voted "css3" questions
The term CSS3 is used to refer to CSS properties and selectors added after level 2.1 of the specification. Use this tag for questions about new CSS modules.
Learn more…1,944 questions
Sort by count of
-
1
votes4
answers249
viewsBox of different height fit equal Pinterest
I’m with a problem, I’m not able to leave the blocks of different heights (height) more or less equal to Pinterest, in my case are two columns respecting the following responsive rule col-xs-12…
-
1
votes2
answers5893
viewsImage Transition with css3 - Keyframes
I’m trying to make an animation with automatic image exchange using the @keyframes of css3. I am copying and pasting the sample code, but without success. The transition between the images is taking…
-
1
votes1
answer307
viewsSmooth scroll bar
Hello, sorry to bother you again, but I’m having trouble in Stellar.js I tried to add it to the scrolling of the site to be smooth, but instead the site jumps straight to the next page, I believe I…
-
1
votes2
answers1143
views -
1
votes0
answers156
viewsMaintain image size for CSS printing
Personal as I do to generate an image that will stay background in a div with a text overlaying it and the time I print it keep its size. Type I have an image generated in Photoshop with the…
-
1
votes2
answers1021
views -
1
votes1
answer482
viewsoverflow overflow padding
Well I have a div where I use padding and overflow but when the overflow is activated and the scroll bar appears the text goes over the area of the padding, there is a way to make the overflow start…
-
1
votes2
answers841
viewsMoving character and map with canvas+js
Well I have a question, I would like to know how I could use the image in normal size, but that I can navigate it with the left and right directional, example, I have a canvas of size 968 wide and…
-
1
votes2
answers677
viewsCenter vertically DIV without fixed height in CSS
There are several ways to center the content of a <div> vertically. However, when dealing with a height other than pixels, people begin to wonder if there is an efficient method for this. I…
-
1
votes2
answers553
viewsDiv or image appears only inside another
I would like to put a div or an image ( preferably div, if possible ) inside another, for example, I wish Div didn’t appear outside the other, if I’m overtaking being behind. In the example below,…
-
1
votes0
answers42
viewsDoubts of Alignment between two Tables
I have a little doubt about the alignment between these two tables <table id="tableCabecVendasML"> and <table id="tableDadosVendasML"> NOTE: I made this page this way because I want to…
css3asked 8 years, 4 months ago Gustavo Castilho 392 -
1
votes1
answer611
viewsWhat is the difference between max-width and max-device-width?
The question is exactly what is in the title, media queries I’m doubtful because in examples of some sites they use something like: @media screen and (max-widht:x) and in others…
-
1
votes1
answer1049
viewsHow to jump line in tooltip?
Hello, I’m trying to put balloons with information on my SVG map (when I hover over the map the information appears), however, when I try to put information like city and phone the information line…
-
1
votes0
answers49
viewsProblem with minimum size in chartj chart
var config = { type: 'radar', data: { labels: ["Confiança", "Atividade", "Juros", "Condições de financiamento", "Concessões reais", "Atratividade do Financiamento Imobiliário", "Emprego", "Massa…
-
1
votes1
answer4431
viewsAdd text under images using table
I’m using a table to align images and text. However, when the resolution is low, it gets very unpleasant and I wanted to put the text down in low resolutions. How to do this, being within a table?…
-
1
votes1
answer1880
viewsHow to apply formatting to the parent element through the child element class with CSS or SASS?
I have the following structure just for example: <div> <div class="filho">teste</div> </div> I have the class .filho with a position: absolute; I wonder if through class…
-
1
votes2
answers22742
viewsView Div in Mobile Version Only
I have a question and I think other people might have that same question too... Let’s go: I have a website, with header edited to appear on computer screens (resolutions bigger than tablets) but I…
-
1
votes2
answers145
viewsQuantity of items aligned vertically according to height of div
Good evening guys, I’m trying to make a basic layout similar to Windows 8/10 home screen, and in a container I would like to align vertical 80x80 items, and if according to the Height by chance some…
-
1
votes1
answer178
viewsCentralize ul within the responsive div
I have a screen that will be a Dashboard and in it I have several panels that are read with float:left so that when the screen is resized go passing the panels down getting so responsive. My problem…
-
1
votes2
answers9856
viewsAlign image next to horizontal menu
Hello, I have a small problem, I added a horizontal menu to the html of the site and I wanted to put an image beside (right) but it won’t, I tried by float, align, margin and nothing, I don’t know…
-
1
votes1
answer761
viewsFix Header and Footer on each print page
I wonder how do I fix a Header and a Footer on each page to be printed, keeping the content between them [Edit] respecting the header space and footer. I would also like to take advantage and ask…
-
1
votes1
answer186
viewsProblem styling a placeholder based on a CSS class
I’m trying to make sure I can have several types of placeholder based on a class defined like this: .red, .red::-webkit-input-placeholder, .red:-moz-placeholder, .red::-moz-placeholder,…
-
1
votes2
answers1593
viewsHow to use the Oninput attribute?
I’m remembering some things in HTML and I came across the attribute Oninput. I know this attribute is used to make calculations, but I don’t know how to use.
-
1
votes1
answer40
viewsWorking with Transform3d in jQuery
I am trying to make a function that increases or decreases the size of an object. I use the transform: scale. But my object already uses transform: translated3d to set the position of the same.…
-
1
votes1
answer337
viewsHow to disable materialize input
I realize that with Framework materialize as soon as I put an input it already stylizes by type. But I don’t want to use styling for input, like disabling?
-
1
votes2
answers211
viewsAlternative to the Event Trainer that fires on completion
The marquee has been discontinued and the alternative is to implement a css to perform the same text scrolling effect, which is valid. But a need arose to get the moment when the scrolling of the…
-
1
votes1
answer89
viewsSimple question about :after, :before (clearfix etc)
I’ve seen some dev’s using so much display:block how much table in a after/before, but why use ? I think I know why to use the block but because the table? What’s the difference? Another question is…
-
1
votes1
answer205
viewsMicrosoft Edge starts opacity and Transition with bug
I’ve been trying for a long time to solve a bug that only occurs in Microsoft Edge. I need to create a link that has a circle-like border, and within this circle I need you to have an image. When…
-
1
votes2
answers369
viewsBackground-color does not track content
Well, I have the code below and I have a question: Code .um { background-color:#000; width:600px; height:280px; margin:0 auto; /*centralizando horizontalmente esta div*/ } .dois {…
-
1
votes0
answers62
viewsHTML and CSS: Custom Component
I found the component below on a website and would like to learn how to do it. Does anyone know of any tutorial that will teach you? When you hover your mouse over it: I saw this component on the…
-
1
votes1
answer167
viewsError loading source: OTS Parsing error: Cmap: Failed to parse format 4
I’m having trouble for the browser to use a custom font! In the css folder I have the fonts folder, and inside the fonts folder is the file prompt.ttf but when I upload the file to the server, I do…
-
1
votes1
answer137
viewsslide on js does not work
I have the following problem I have 3 images with the following names and extensions: f1.jpg f2.jpg f3.jpg and I’m making a slide with JS but the first image and loaded correctly but when I click…
-
1
votes1
answer195
viewserror while using @media
This is the page: http://www.dinamicaimoveis.com.br/novo/admin the css that’s the one: ... media screen and (min-width: 0px) and (max-width:480px) { .sessoes { width:100%; } .menu { background:none;…
-
1
votes2
answers181
viewsImages in html or via css
Is there any advantage in loading an image via css with: background: url ('imagem.jpg'); instead of using it normally as: <img src="imagem.jpg">?
-
1
votes5
answers599
viewscss properties do not bootstrap effect
I’m trying to do a simple thing in css that is change the font color of my link and colors are being nullified by some motiv that I don’t know which is .navbar-inverse .navbar-nav>li>a {…
-
1
votes1
answer166
viewsCSS architecture, could someone explain it to me?
I’m learning CSS, I’ve read a few articles about good ways to write your code, and that it would help in teamwork. So I read acronyms, like - Well, OCSS, SMACSS. So I was very curious, only that…
-
1
votes2
answers1809
viewsHow to create a fixed column (col-Md) in bootstrap?
I’d like to keep the left column fixed, and the right one mobile. There is a bootstrap class or another technique to solve this ? I tried it this way : <div class="row"> <div…
-
1
votes1
answer2971
viewsClick on the link that leads to another part of the same page
I am creating a web page that the menu links will take to the bottom of the text and I would like to use an effect to slide from point A to B slowly. How do I do that? Ex: When you click on the menu…
-
1
votes2
answers680
viewsAlign Menu Items Vertically
I’m trying to create a horizontal menu but I’m having difficulties in vertical alignment. Some menu items have line break and others do not. I tried to create a CSS to configure the elements div, ul…
-
1
votes1
answer65
viewsStyle in cluttered list
CSS * { margin:0 auto; } ul { list-style:none; margin:0; padding:0; } .menuPrincpal { } .menuPrincipal li { display:inline; } .menuPrincipal li a { display:inline-block; vertical-align:middle;…
-
1
votes1
answer327
viewsShould an image be resized in the browser?
I have read in some places that we should not resize the images we request from the server in the browser. But I saw recently that it is good to have a large image with a low quality so that when…
-
1
votes2
answers1478
viewsMenu effect appear slowly css
personal someone has how to explain to me how it does this effect when it descends the scroll appears a white backgrond slowly https://blackrockdigital.github.io/startbootstrap-creative/ would be…
-
1
votes1
answer1188
viewsRemove background color from autocomplete input
Something that makes me very uncomfortable is when the google browser autocompletes something and leaves the input with yellow background, how can I remove it?…
-
1
votes1
answer168
viewsDifficulties with positioning css elements
I need to tidy up the positioning of this menu the footer this totally out of color, the black color is above it, the positioning of text and images are OK, but the CSS elements and even the body is…
-
1
votes0
answers39
viewsDifference between id and class in HTML5
When I have to use "id" and when I have to use "class" in HTML5?
-
1
votes1
answer108
views -
1
votes0
answers27
viewsCredit-like scroll effects at the end of a movie
I’m trying to get the scroll to automatically scroll all the data and when it’s finished go back to the beginning and start all over again. I use this script: <script type="text/javascript">…
-
1
votes3
answers48
viewsDoubt regarding CSS selectors
I started studying CSS a short time ago, and when analyzing the CSS of a page I came across the following excerpt: @media (min-width:10px){ body{max-width:none} } I wonder what kind of selector is…
-
1
votes0
answers72
viewsOverlay links above the Fixed mask
I have to make an effect where the user enters and click on the link to turn on the light and when to leave turn off the light. The only problem for now is that the mask stays on the screen normally…
-
1
votes1
answer285
viewsFixed footer below a form
I’m having a problem with the code of this site www.forcaemovimento.com.br I have a form that has some div’s with position:absolute to do the side effect. The problem is that the footer is behind…