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
-
0
votes1
answer343
viewsDuplicate <div> without duplicating Javascript
I need the following help: I managed to join two codes I found on the internet, and edited the formatting to my liking. I have a gallery with images and overflow horizontal, my code works, but I…
-
0
votes1
answer31
viewsHow to adjust the Responsiveness of a Value?
I have a "value" of a "form" that has a text "Say hello". I need to increase the font-size that is there. How I do? HTML5: <section class="block-body"> <div class="row"> <div…
-
0
votes1
answer756
viewsHow can one element not overlap the other?
How to prevent the overlap with other elements from happening? In this case the title QUICK ACCESS TO MAIN CHANNELS is superimposing the element below - Monazite sands See example: CSS:…
-
0
votes3
answers2287
viewsRemove created image-div spacing
Would you like to understand why a spacing is created between the image and the div? How is it possible to see when adding the red background. And how to correct without using position or margin and…
-
0
votes1
answer47
viewsThead Absolute with lateral Scrum
Hello, I have a problem in a table that is very extensive horizontal and vertical. I need the titles to keep track of the dice until the end in the vertical and horizontal scrolling and I also need…
-
0
votes1
answer873
viewsHow to organize data in 3 columns without breaking layout using CSS Flexbox?
I have a list of items (ul), and each item occupies 33% of the screen, thus forming a horizontal list of 3 columns. When there is no more space in the horizontal, it forms a new line, something very…
-
0
votes0
answers44
viewsModals superimposing the Canvas
My modals they are superimposing the screen when I do the test in real time via github in case the test is done on my own machine opening the file . html they look perfect. GITHUB MY MACHINE HTML…
-
0
votes2
answers158
viewsPrevent a scroll from appearing in horizontal html
Guys I’m configuring my css but it appears a scroll horizontally already tried in various ways and nothing! Follow the code: @charset "UTF-8"; body{ width: 100%; height: 100%; background-color:…
-
0
votes0
answers46
viewsRedirect between pages
Next, I have two html pages in the expense release system. One page is called.html releases and the other is called.html records. The first page is where I’ll post the expenses and the second is…
-
0
votes0
answers37
viewsI need to leave an invisible <div> until I click it to open
Hello, I need to leave a <div> invisible until I click it to open. It will be used as a statistic for each person, so only I clicking on the person’s name would open that div below the…
-
0
votes0
answers26
viewsCSS + Waypoints progressive circle
Fala galera, I have a Progress Circle (pure css) and everything is working perfectly, animations and stop at the right place. The problem is that the animation is happening before the scroll reaches…
-
0
votes2
answers72
viewsLogo and title bugados when resizing the window
How to solve the print problem? I’m developing a responsive registration page, only the logo and the title are giving me a lot of headache, I’ve tried everything I know and I couldn’t solve, it’s…
-
0
votes1
answer311
viewsBold the title of a span
Hello, I need to bold the text of my title. <span title="teste">teste</span>
-
0
votes1
answer42
viewsHelp with Header effects
Hello, I would like to know how I can make this effect of "drawer", as it is on this site : https://warrenbrasil.com/app/#/suitability Notice that it appears with height and width 100% after…
-
0
votes1
answer34
viewsMenu with border
I’m developing an application that contains a menu with border would like the menu to look like this But I’m not getting to leave the edge like this and neither round look like this will put my css…
-
0
votes1
answer23
viewsApply a class to the Selected tag
Well I have a very simple menu that I put together in css, I was wondering if you have how to identify the <li> that is tagged selected and apply the effect of the Hover that is in the class…
-
0
votes1
answer441
viewsChecked does not work
The logic is to make the menu appear when it is as checkbox selected and is on a screen of maximum width 800px but for some reason does not work... .classes { margin-top: 80px; width: 100%; height:…
-
0
votes2
answers243
viewsHow to make one element continue with effect when passing the mouse on another?
I have the following code: .classes { margin-top: 80px; height: auto; background-color: red; } .classes ul { list-style: none; float: left; position: absolute; } .classes ul li { position: relative;…
-
0
votes2
answers343
viewsHow to do a countdown with jQuery that restarts weekly
I have to do a countdown for a promotion. I need this counter to restart every Tuesday at 00:00 hours so it looks something like this: "Only 6 days left 12 hours 42 minutes and 37 seconds left until…
-
0
votes1
answer43
viewsHow to put a scribble on the page
How to put an orange scribble as in the image below in the html page?…
-
0
votes1
answer44
viewsWhy is my div getting an extra 40px?
I am studying css3, I am creating crids within crids and there is something wrong, my ul that has with the class "side" is earning 40px extra, consequently the li son "grid1" is with space on the…
-
0
votes1
answer134
viewsBootstrap - Always show side-bar
Good afternoon, my friends. I just downloaded a bootstrap template from Dashboard through this link, item 6. I expected the side menu to look like this, always visible on the left: But it came…
-
0
votes2
answers522
viewsWhy is the navigation bar overwriting the header?
As you can see the navigation bar is covering the header (which the banner as background), but in theory (based on my knowledge, of course) the header should start right after the Nav. NOTE: I tried…
-
0
votes0
answers30
viewsSlide with "Burst" margins with Owl Carousel 2
I wonder if it is possible to make a slide in this style of the image below using owl-carousel 2 Notice that at the ends only a part of the boxes is shown.…
-
0
votes2
answers30
viewsImage opacity linked by CSS
Is there any possibility of giving attributes to an item linked via CSS? #content-homepage { background-image: url(../img/back.jpg); } I wanted to decrease the opacity of this image…
-
0
votes1
answer37
viewsHow to make a funnel responsive table?
I’m trying to do similar to this image: Here’s a Fiddle as far as I can go The data will be dynamic, and I need the corners to be rounded. I accept other alternatives or suggestions for mounting…
-
0
votes0
answers55
viewsSuperimposing the div’s
I have a screen that when clicked on the button it walks "x" px, the problem and when it does this effect, I have to send the screen that appears below, what happens and that the letters of the…
-
0
votes1
answer188
viewsDiv being superimposed by another
I am adjusting the mobile version of a page, using the bootstrap I defined my Divs with the classes col-Md-4 (desktop version) col-Xs-6 (mobile version). In the desktop version is working normal…
-
0
votes1
answer1280
viewsLabel and input placement in an html form
Hello, I’m studying HTML5 and CSS3 and I’m trying to stylize by positioning inputs/checkbox/combobox and their respective Abels. Suppose I have the following code: <form> <label…
-
0
votes0
answers39
viewsWhat’s the difference between these two selectors?
I wanted to know the difference between those two ways: primeiro { width: 50px; float: left; background-color: blue; height: 50px; padding: 7px; } .primeiro { width: 50px; float: left;…
-
0
votes0
answers647
viewsnavbar Fixed top
As I can leave only the navbar as navbar-Fixed in scroll and when the customer is at the beginning of the site, do not overlap the topo1, at the moment it is disappearing when I put navbar-Fixed and…
-
0
votes1
answer71
viewsCSS Gradient Radial
I need to convert an image to css, but I’m not able to generate her background using this radial gradient. Follow picture:…
-
0
votes3
answers1803
views -
0
votes1
answer40
viewsOrganize form block in boostrap
Good afternoon, I would like to know how to organize the form blocks horizontally. The page I am inspired by: My page: http://tratspay.com/app/detalhamentotesteform.html insira o código aqui…
-
0
votes0
answers47
views3d javascript environment rotate camera horizontally by keyboard want to at least walk left and right someone can help me?
Project link running with changes /* CSS Utility Functions -------------------------------------------------- */ var CssUtils = (function() { var s = document.documentElement.style; var vendorPrefix…
-
0
votes1
answer38
viewsHTML semantic and use of css3
Should the html tags in italic, underline and bold no longer be used and these visual-textual effects should be in charge of css3? With this wave of html semantic I got this doubt.
-
0
votes2
answers327
viewsWhat is the best tag to create a menu bar
Good evening guys, I’m beginner and so, I come to ask for help to create a menu bar I’m setting up a site and have 2 horizontal bars, the first I want to put a bar, with a search button and another…
-
0
votes0
answers197
viewsHow to send website form to email
I need to send the form from a website to the customer’s email. Image of the form: all validations are working correctly but when I ask to send the message that the server was not found appears; The…
-
0
votes2
answers108
viewsHow do I put these effects on images with CSS?
How do I make these effects in the images leaving color and with the design of the example, and when you hover the mouse the photo gets the normal color and a text appears on the image…
-
0
votes1
answer270
viewsHow to adjust the width in the background-color in ccs
I’m having trouble adjusting the background-color of a table using css so that the background is all black and still on a margin to the sides, up and down. Width can be adjusted with width: #tabela{…
-
0
votes2
answers352
viewsInsert text in time line
I made a timeline using HTML and CSS and need to add a story each year when it is clicked on a given year of the line display the story it contains that year, how do I do this? .DB_Timeline {…
-
0
votes2
answers240
viewsDistorted frame in CSS for video overhead
How would I create a stylized frame in css? I want to put a youtube video on my site, but in the background I would like to make a stylized frame as I tried to draw in the image below, with some…
-
0
votes1
answer92
viewsFlexbox: Is it possible to control the amount of items aligned with "space-between"?
I have the following case, a father div with 5 daughter Ivs, and I need them to line up two by two using the space-between in the father div: .pai{ display: flex; justify-content: space-between;…
-
0
votes1
answer74
viewsAre you a class superscript?
I have the following css: @charset "utf-8"; /* CSS Document */ .divCheckBox { width: 140px; height: 34px; } .divCheckBox .valor { display: inline-block; line-height: 34px; top: 0; } .divCheckBox…
-
0
votes1
answer282
viewsChange the anchor position of the top css selector?
Olhá, I’m having a problem defining a web design. my problem consists of a make a <div> which is being used to draw a cross line on an "html" page. But when I use the -webkit-transform:…
-
0
votes0
answers28
viewsProblems with horizontal Nav-tab
I have a vertical Nav-tab component that works properly. When I add a horizontal Nav-tab inside a tab, it takes the shape of vertical. Does anyone know how to fix this? I’m using a bootstrap…
-
0
votes1
answer526
viewsHow to make ul inline responsive?
I want to make this code responsive, but always stop being responsive when there are two lines and three columns. nav li { display: inline-block; } nav a { display: block; padding: 1em; margin:…
-
0
votes1
answer12692
viewsHow to change button color with Hover over a single button (CSS)
Well, here’s my problem: I have five buttons, in horizontal order. Each one has a specific color in the Hover. When placing the mouse over any of them, all the others should take over the color the…
-
0
votes0
answers20
viewsMake a div to adjust horizontally to the content
I want to make a DIV fit perfectly to the content inside it. When typing a text that exceeds the maximum width (max-width) the text breaks and goes down, but the div is not perfectly aligned to the…
-
0
votes1
answer713
viewsPositioning images using Flexbox
I’m a beginner in web and I’m using CSS grid in the structure of my page but I’m trying to position an image in the center of the screen using flexbox to make the page dynamic but I’m not getting…