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
votes3
answers3126
viewsHow do I customize the color of Bootstrap’s Navbar?
Note the following code; <nav class="navbar" id="navbar"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed"…
-
-1
votes2
answers55
viewsNon-clickable links
Hello, I’m creating the home of a site that has a full-screen video that automatically plays but with the video in full screen even with the z-index the links are not clickable as you can see, how…
-
-1
votes2
answers3134
viewsCenter <label> in the center of the screen
Hello someone can help me as I do to center these Labels? PS: Text-align: center; does not work! <label class="emp">IMM</label> <label class="service">Home Gateway</label>…
-
-1
votes1
answer244
viewsHtml and Css back a row in the table
There’s a For that goes line by line a list. This list returns me input and output of a process. The problem is that it does not return in the same row because it is either input or output. I would…
-
-1
votes2
answers138
viewsAvoid Scale with :Hover link inside a <li>
I have a code I want to apply scale in all the <a> and <button>, as shown in the example below: body{ background: #000; } #lista, #lista li{ margin: 0; padding: 0; list-style: none;…
-
-1
votes1
answer328
viewsHow to lock the background screen and allow only Scrooll in the menu
I have a problem here, I created a menu that has scrolling, but when I have to scroll, I need the background screen to be locked and just scroll as the menu... Here are the photos: The code is as…
-
-1
votes1
answer834
viewsHow do I get the right CSS in DOMPDF?
Good morning Guys, all right? I have 3 files: certificate.png | style.css | Certificate.html I have a method that binds them and PDF the certificate, when printing on the screen with var_dump comes…
-
-1
votes1
answer1219
viewsHow to customize CSS (tr:Hover) in a thead table?
I’m creating a project to exercise some things, and I made a table with fictitious data, where, when passing the mouse, the corresponding line changes color. I just didn’t want it to happen with the…
-
-1
votes1
answer63
viewsmove the container without appearing scrool
good morning, I’m having a problem when I move a div in mine, I make her walk 50% the size of the screen, until then everything ok, more when she goes to the side opens the scroll option to see me…
-
-1
votes2
answers467
viewsHow to align menu using CSS (Only)
Hello, I am developing a website and, after being able to create a dropdown menu, I had a small problem. The same is not spaced, and the sub menu that appears is arranged horizontally. I have no…
-
-1
votes2
answers6921
viewsCss flex element spacing
Hello, Someone who can help me build a static grid if you can call it that: What I want is to be able to add 3 blocks per Row these with a fixed size equal, with tendency to grow vertically. And…
-
-1
votes2
answers148
viewsAutomatic resizing of div according to window width
My doubt can be a bit of a beast and surely many will find me half dumb, although I already have some experiences with front and end. The doubt and the following, I want to make a site that extends…
-
-1
votes1
answer96
viewsHow to solve this problem in the collision?
If I check the collision only horizontally, the program picks up the entire width of the scene and not just the div. Code: <html> <style> #dv{ border:1px solid red;…
-
-1
votes3
answers109
viewsHow to put 0.5s Transition in Tooltips
<html> <head> <style> a.tooltip-black, a.tooltip-white { position: relative; color: red; text-decoration: none; cursor: help; } a.tooltip-black:hover, a.tooltip-white:hover {…
-
-1
votes2
answers751
viewsProblem in converting the input values into Real, example: R$ 20,00
I created a Script to format Input values for Real Currencies, but there is a problem, when you put text, display "Nan", I need that can only type number and not text. var atual =…
-
-1
votes3
answers171
viewsAlign a div that contains a text with a div that has a login box
I would like to know how I can align the Divs of the image below: I’m using bootstrap, and this Templete already came with this login box on the right side. I’m having trouble positioning this other…
-
-1
votes1
answer98
viewscol-Md-6 is not falling in mobile
I have a section that in mobile instead of falling down this overlapping the whole div. It’s supposed to look like this, but the image is getting over everything in mobile. HTML <section…
-
-1
votes1
answer129
viewsz-index does not work
/* CSS Document */ @import url('http://fonts.googleapis.com/css?family=Open+Sans'); *, *:before, *:after, *:active, *:hover { font-family: 'Open Sans'; margin: 0; padding: 0; /*border: 0;*/ outline:…
-
-1
votes1
answer34
viewsDIV does not respect dimension after mouse-over
I’m with that code. The idea is to get div.topo accompany to width of Browse in up to 90% limited á 1440px when it stops tracking and keeps the width fixed. That part is OK. The problem is that when…
-
-1
votes1
answer234
viewsResize DIV according to menu size
I put html + css code inside a Jsfiddle to help visualize the problem. What I need to do is that the div named "kk" resizes according to the menu size, for example: if the menu is minimized it…
-
-1
votes1
answer115
viewsmake a fixed menu
I made a hamburger menu for a site that I want to develop, however my idea is that this menu accompanies the scrolling of the screen and opens perfectly independent of where it is on the site,…
-
-1
votes1
answer69
viewsProblem with square image height within rectangular div
I have the following structure: <style> display: flex; flex-direction: column; align-items: center; width: 100px; height: 200px; padding: 5px; margin: 42px; border: 1px solid #CCC; } div img {…
-
-1
votes1
answer335
viewsAlign button underneath CSS
I am using the bootstrap, however, when I put buttons next to the labeled fields, it is aligned on top, as I do to put it to be aligned below? <div class="box"> <div class="box-body">…
-
-1
votes1
answer325
viewsHow do I center this input vertically?
[![ div#newsletter{ text-align: center; background-color: #000000; padding: 10px; margin-bottom: 5px; } div#newsletter input{ border-radius: 3px; border: 2px #606060 solid; padding: 15px; width:…
-
-1
votes1
answer205
viewsCalculate height difference with CSS
There’s a way for me to do the code below, which is in Jquery, but with CSS? $(document).scroll(function() { if ( $(this).scrollTop() > $(window).height() ) { $("section#topo").css("height",…
-
-1
votes1
answer70
viewsVideo audio continues after closed the popup that contained it
I tried to create a popup with a youtube video inside, but when the popup is closed the video keeps running, I know this because it is still possible to listen to the audio. javascript, css and…
-
-1
votes1
answer41
viewsI need help, I can’t get this script to work
I wanted to make the effect of that video: https://www.youtube.com/watch?v=lZ-OO7x75Rc. If anyone can help me, I’d appreciate it. * { margin: 0; padding: 0; } body { height: 200vh; background: #111;…
-
-1
votes2
answers316
viewsHow to place an image in a link in the footer?
Hello, I would like to link an image of the Linkedin icon with my profile link, to place it in the footer and align it to the center of the footer. What the code would look like? footer#rodape {…
-
-1
votes1
answer375
viewsWith Bootstrap, how do you position the button at the end of the card?
would like a solution to always place a button at the end of the card, so that it does not depend on the size of the above text, or pre-defined size of the previous object. To illustrate here is the…
-
-1
votes1
answer459
viewsHow to send form contact data by email to JS, or HTML5 or PHP
Hello, I have been making the form with Html5 and using a separate PHP code to send the form this way. php -> { if (isset($_POST['BTEnviar'])) { //Variaveis de POST, Alterar somente se necessário…
-
-1
votes2
answers187
viewsmake a Ubmit button of this type
I’m trying to play sites to study some html and css, I have the following code: * { margin: 0; padding: 0; } #back { background-image: url("back2.png"); background-size: cover; } body, html { width:…
-
-1
votes1
answer47
viewsHow do I color an icon with degrade, I want to color only the image and not its background, thanks
<!-- language: lang-html --> <div class="social-icons"> <a href="#" class="btn-face"> <i class="fa fa-facebook fa-lg"></i> …
-
-1
votes1
answer44
viewsJavascript - Error: x is not defined
Good night, you guys, I’m facing a difficulty that, frankly, I haven’t found a solution to so far. I created a collapsed sidebar where the javascript file was added before the tag < /body>…
-
-1
votes1
answer30
views -
-1
votes2
answers98
viewsHow to color the CSS header?
I’m trying to color one <header></header> with CSS but when I try with the code below there is a header spacing with the top: Code: header{ height: 100%; width: 100%; margin-top: 0;…
-
-1
votes2
answers61
viewsPositioning of a div
Good Night, I’m creating a website and I wanted to make a layout as if it were chess, a black div next to a white and down the other side, the only problem is that when decreasing to cell was to be…
-
-1
votes1
answer145
viewsAdding icon in css
I’m making a website at work where I needed to make a bootstrap boot, with a "see more" style when clicking to open the card and the button turning "see less", the ways I found bugged the button if…
-
-1
votes1
answer115
viewsHow to properly align an item gallery with flexbox?
I’m starting to use CSS flex, and I realized that when we centralize a container, it looks like the elements inside the container seem to be centralized, but if I align it to the right, the…
-
-1
votes1
answer44
views -
-1
votes1
answer417
viewscss background-image: url(''); can’t find my image’s local path
I am using Ubuntu I put (Ctrl + v) the image I want on the input screen (desktop) I open the terminal (Ctrl + alt + t) On the terminal, do: ls (image does not appear) I then do: Desktop cd Now I see…
-
-1
votes1
answer337
viewsIs it possible with CSS to make each letter of a word have a different color?
.two-colors{ font-size: 160px; background: linear-gradient(to right, blue 50%, green 0); -webkit-background-clip: text; -webkit-text-fill-color:…
-
-1
votes1
answer44
viewsHow do you get this carousel to go vertically?
Guys I’m trying to create a Carousel that displays the items vertically. For example when clicking on the Buttons a text pass from top to bottom, I tried to do with the carousel of the bootstrap 4…
-
-1
votes1
answer28
viewsModifications made to my style tab are not updating on the page
I’m making a calculator that I saw on youtube and I’m having a problem that what I did in my style isn’t changing what I should change. I’ve tried some videos that teach you how to handle…
-
-1
votes1
answer34
views"Justify-content: space-between;" is not working - Flexbox
Hello. All right? I’m creating a box with three items. One needs to be glued to the top, the other in the middle and the other glued to the bottom, to the base of the layout I need to do. So I used…
-
-1
votes1
answer13
viewsCentralizing a list with floats
When I think I’m getting position I can think of these banana peels. I want to center that list .example in relation to your father .quadro. The list is a ul with float:left. Why can’t I center this…
-
-1
votes1
answer11
viewsCollect menu by clicking the link (child Nav)
Good afternoon, I have a menu that I would like to click on the Nav-child to disappear back to the initial behavior. use the example site menu: admin Lte v3:…
-
-1
votes1
answer27
viewsanimation goes out of place when I zoom out
Good morning, I’m a beginner programmer, I was doing a solar system css animation with Divs, the problem is that not all elements fit in the same space when the zoom is normal so when I zoom in,…
-
-1
votes1
answer27
viewsHow to overlay the animation of loading into a div?
all right with you? I am creating a form where by clicking on any of the buttons I would like an animation to load. But when clicking it overlap the div in which the form is inserted. I wonder how I…
-
-1
votes0
answers23
viewshow to change the color of a text via a conditional with Javascript
Good guys, good guys! I am creating an app that counts the score of a volleyball game, but I would like to give an increment by changing the colors of the score to green for those in front, yellow…
-
-1
votes0
answers16
viewsWhat is the best way to align my Divs next to each other?
Hello, I’m not getting the two news reports lined up next to each other. Can you please help? /* CSS Document */ body { margin-top: -1; width: 80%; margin-left: 10%; margin-right: 10%; } .top1 {…