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
votes1
answer177
viewsEdit search field with CSS icon
I am developing a web application and would like to format my search field like this. With icon inside and a placeholder written Search product Look at my search ground. With the round edges and…
-
1
votes1
answer3115
views -
1
votes1
answer948
views -
1
votes2
answers168
viewsjavascript dropdown class in toggla
Guys I’m having trouble with my Nav. I was following a tutorial on how to make the navbar responsive and disappear when it comes off the top. However its drop-down menu does not work, I tried to…
-
1
votes1
answer40
viewsAnimation bug in Firefox
I created a svg and made a little loading animation, in the style of a simple Download... This animation works perfectly in Chrome, but in Firefox and Edge there are some problems with the…
-
1
votes1
answer2223
viewsCarousel Full Screen Bootstrap 4
I’m trying to make a first screen of a site with just a Carousel, so that it occupies the entire screen of the user (responsibly). Do you understand? Like the index screen will always be a full…
-
1
votes1
answer307
viewsWebpack + Sass generating style.css
Why the webpack when performing the Extract in the archives .scss, he creates the file Styles.css all right in the folder dist/css, but it removes the quotes and dots from the path of a photo for…
-
1
votes1
answer75
viewscircle with several bars with jquery and css
I’m trying to create a circle with bars inside that accompanies the edge of the circle, I’m hours breaking head with this. Here’s the code I took all day to make, but that’s not it yet,…
-
1
votes2
answers5850
viewsHow to generate event from checkbox marking or unchecking with jquery/javascript
I am trying to generate events from the user action in a checkbox list. The idea is simple: Manage the appearance of "Divs" content on the screen from the ". toogle()" jquery checkbox in html. The…
-
1
votes1
answer706
viewsAdd color to mine when scrolling the page and remove when you reach the top
I am developing a menu with bootstrap and it does the following it gets at the top of the page and as soon as the user scrolls the page down it disappears and when the user scrolls up the menu…
-
1
votes2
answers155
viewsDiv does not track internal bootstrap content 4
I’m having trouble making the internet content of my side menu accompany my div, my menu has options that expand, when I open all options the content comes out of the div, I would like div to track…
-
1
votes1
answer53
viewsFILTER AND COLOR CSS
I need to pass a file to print in another color. In the specific situation, I just need to go on inspecting elements and change the color. I have 3 separate files, one of them I can change the…
-
1
votes2
answers11231
viewsHow to center my form with bootstrap leaving responsive;
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"…
-
1
votes1
answer2700
viewsI can’t use bootstrap glyphicons
I am not able to use the bootstrap glyphicons, just do not appear, I am using a linux machine, and I know it is something related to fonts folder because it did not come in the common bootstrap…
html5 css3 twitter-bootstrap bootstrap-3 bootstrap-glyphiconsasked 6 years, 8 months ago Eduardo Rafael Moraes 710 -
1
votes1
answer62
viewsOverlapping problem of sessions with html anchors
I’m making a personal website that has a menu with anchors, all work well except the anchor of the menu called team note that it goes down right for session but it overlap all the title being that…
-
1
votes1
answer745
viewsProblem with background and linear-gradient
I’m trying to make a background for the body using an image and a linear-gradient, on loading the gradient appears for an instant, but is soon replaced only by the image, as you can see below. body…
-
1
votes0
answers27
viewsChange background menu css scroll on
Good evening, I’m racking my brain trying to change the background color when using the scroll but I haven’t succeeded yet. The menu code is: <header class="xs-header-section xs-header-height…
-
1
votes1
answer554
viewsResponsive modal
How can I leave the below modal responsive according to the monitor resolution(15" ~ 21"), if I add width & height for 21" monitors it looks good, but if I play in notebook(15") is overlapping…
-
1
votes1
answer5564
viewsCSS Grid Layout - How to horizontally center all elements across all the Grid Lines of a Sub-Grid?
I am working on a college project and we are using Grid Layout to design an e-commerce for animals. A doubt arose during the creation process regarding the centralization of the content of grids in…
-
1
votes3
answers1976
viewshow to center a <H2> tag vertically inside the div
I would like to leave the text within those <h2> vertically centered <div class="col-md-2 buttom-area"> <div class="text-center button-disciplina button-border"> <h2>Realizar…
-
1
votes2
answers1216
viewsHeader and html footer with css and jquery for all pages divided into sub-folders
I’m having a problem to call my header and footer on all pages, because when I put in sub folders inside the project it just doesn’t pick up and I tried everything to my knowledge but I can not…
-
1
votes2
answers1670
viewsHow to stop playing a video when closing modal
I’m using a css3 to open a modal window. Everything works perfectly, but when I close the modal window the video keeps playing. What should I do to stop video playback when closing the modal? CSS:…
-
1
votes1
answer1116
viewsOverlay text on an image with flex box
I’m having trouble overlapping the text in an image using flex box, could give me a light for this problem. *, *:after, *:before{ margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing:…
-
1
votes1
answer359
viewsImage gallery with scrolling
I created a gallery and I would like it to only appear the first two lines, and the rest to remain hidden, so when the person rolls the scroll mouse, were appearing the others, until the end, only…
-
1
votes1
answer43
viewsHow to change the behavior of an HTML tag
wish to change tag behavior strike and I need your help. In the change I want the tag to assume a behavior according to the view, where in All commitments, url (#), the text will appear gray and…
-
1
votes1
answer54
viewsChanging text size of lis does not work
I have the site below: http://funerariasaopedro.net.br/novo/ In it has a slider, at the top of the page. In this slider have a imagem (logo) and a ul (which contain some activities). What happens is…
-
1
votes1
answer501
viewsautomatic zoom in the image
I have the following code: .zoom { overflow: hidden; } .zoom img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .zoom:hover img { -moz-transform:…
-
1
votes0
answers142
viewsImage appears a white border underneath
Guys, I made one button and within this button, I put an img. On the site, the image has a white border underneath. I’ve already removed the edge of the button by CSS and still it continues. Which…
-
1
votes1
answer97
viewsSlide show errors
Some doubts: 1 ) If we reduce the height of browser amending the resolution, the div.slider does not follow the height of div.slide. That is, it remains at the same height. Therefore, the image…
-
1
votes1
answer848
viewsRemove child element effect in CSS
I have the following code $(document).ready(function(e) { const blocos = $("div.slider div.slide div"); function startslider() { ativa = $(".ativa") if (!$(ativa).next("div.slide").length) { //…
-
1
votes1
answer675
viewsVideo like Background HTML 5 doesn’t work on Safari and Chrome on Mac
I put a video as background of a site with HTML 5, I open in Chrome and Firefox on Windows and the video rolls normal, but when I open on Mac (Chrome version 67.0.3396.40, and Safari 11.1) the video…
-
1
votes1
answer93
viewsProblems with css :not() attribute
I’m having a problem I’m editing a h2with css and within that h2 has a span but wanted to apply the style in h2but I don’t want style to apply to my span I’m using the selector :not(span) but it…
-
1
votes1
answer21
viewsCSS shows only part of the elements of a DIV
I have the following CSS: @charset "utf-8"; /* CSS Document */ @import url('http://fonts.googleapis.com/css?family=Open+Sans'); * { font-family: 'Open Sans'; margin: 0; padding: 0; border: none;…
-
1
votes1
answer151
viewsSubmit button does not show that it was clicked
I have the page below: http://funerariasaopedro.net.br/novo/contato.php In it has a form of e-mail and, of course, a send button. But this send button is getting one return false why are you sending…
-
1
votes2
answers273
viewsCenter DIV on Bootstrap Grid
I have the following Section, and I need the Divs to be centered horizontally on my Boostratp 3 Grid. It always stays on the Left side and I can’t change that. <section id="servicos"> <div…
-
1
votes2
answers77
viewsHow to call class by class, just picking the one the mouse is on top of, without picking up the others simultaneously?
I want to pass the mouse over each class and call your form without calling the form of all others. Can anyone help me? In my case I will have several name class lis-fil and every time I hover over…
-
1
votes3
answers835
viewsCentralize Ubmit in form
I have the print below: I’m trying to give a margin: 0 auto in the botão submit within the form but nothing I do centralization that button. But I can’t do text-align: center otherwise it will…
-
1
votes0
answers293
viewsHow to encode with Email Marketing?
I’m starting with Email Marketing, never done before and am facing a world of difficulties. Through the tutorials seen on the internet, I could draw the following conclusions: We use table so that…
-
1
votes1
answer45
viewsmenu overwrite the entire Document
I got the following jQuery: $("div.menuMin img").click(function(){ $("div.menuMin").css("display","none"); $("div.menu") .css("position","absolute") .css("display","block") .css("width","100vw")…
-
1
votes0
answers42
viewsResponsiveness of websites according to the Browser
I know it’s a massive subject and can easily be duplicated, but before you point it out, read. The properties of Bootstraps do not apply to Browser Safari ? I have an application that in 3 Browser…
-
1
votes1
answer81
viewsAUTOCOMPLETE jquery ui
You guys, all right? I made a script in jQuery ui that uses Autocomplete in a search bar, the code works but when select appears with the options my header is over, what can be? Thank you //JQUERY…
-
1
votes1
answer226
viewsBackground problem with Iphone 6, 7 and 8
I created a layout and my background image is not appearing on Iphone 6, 7 and 8.Testing locally by Chrome appears quietly, but when I test on Iphone 8 it disappears getting only the background…
-
1
votes2
answers65
viewsAnimate CSS - Correct syntax?
I’ve tried several ways to adjust the simple animation of a css @keyframes I’m doing. I’ve seen several syntaxes and I still have error, .borda { padding: .5em; border: 20px solid transparent;…
-
1
votes1
answer87
viewsResize and auto-adjust an image
Hello, all right? I would like to know do inside a section, a set of photos next to each other with different sizes. HTML: <section class="secao-inicio trabalhos"> <h2…
-
1
votes1
answer357
viewsReduce fonts or break text in Bootstrap 4 or HTML5
The names of people in my HTML, when responsive, has a break, as shown in the following image: The name Sanderson, the "N" goes down? Follow the HTML snippet: </section> <section…
-
1
votes2
answers113
viewsHow to center a form without affecting the Abels?
I have a form like this: The form is within a class called container which has the following attributes: ` .container { width: 80%; margin: auto; padding: 30px; } If I add one text-align:center in…
-
1
votes1
answer118
viewsTransparency problem using position Fixed in css
I’m trying to create a menu that doesn’t move independently of the user scrolling on the page using position fixed. However I am having a problem with transparency, whenever the menu meets with…
-
1
votes2
answers61
viewsI cannot remove default background
Next guys, I’m using a wordpress plugin to organize the menu dishes of the restaurant, this: (food-and-drink-menu - url: https://br.wordpress.org/plugins/food-and-drink-menu/) All right, let’s go!…
-
1
votes2
answers533
viewsHow to show next field when user click green button
I have several fields that are hidden and should only appear when the user clicks the see button next to the first field. My initial idea would be when the person clicks the green button (after the…
-
1
votes1
answer1981
viewsHow to Overlay an Image with another?
I’m having trouble positioning one image after another without using position absolute/fixed. When using Divs instead of imgs, if you apply a float:left, it is in the context above the other Divs,…