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
-
2
votes1
answer88
viewsPositioning <p> on one side and img on the other
I’m not getting my position <p> left and mine <img> right, and even worse the first label of my form rises above my header, how do I position ? <div class="container"> <div…
-
2
votes1
answer263
viewsHow to coclocar a "gallery" in a modal?
I’m trying to make a modal that when you click a photo gallery appears, with two columns but that stay centered and spaced, and also that the images get bigger, the way I did it was like this…
-
2
votes1
answer52
viewsAlignment of items with Flexbox
I want to create a layout in which the first div uses 100% of the width of a section and the others divs use 50%, creating a block. However, by adding more than 3 divs they don’t line up like in the…
-
2
votes1
answer92
viewsBackground-image css3 no Uncina
Good morning, everyone, I am trying to put an image as background of my html page but it is not working. Would anyone know to indicate the error of my code? index.html <!DOCTYPE html>…
-
2
votes1
answer113
viewsReset, reset Hover behavior
I have an element with Hover that expands the chat channels of a website. The problem is that on mobile, the Hover only works when I click on the element. Thus, to close the channels (close the…
-
2
votes1
answer37
viewsImage does not align
I have the following report I’m doing for learning purposes. ul.ulHorizontal { height: 50px; } ul.ulHorizontal li { display: inline-block; line-height: 50px; } <ul class=ulHorizontal…
-
2
votes1
answer54
viewsChange box text when selecting option
I have the following code, but I’m having doubts about how I make the text change according to the selection. I wanted that when selected, for example, the user Marcyen as goalkeeper would appear a…
-
2
votes0
answers64
viewsMedia Queries to identify notch
Does anyone have a complete solution to identify all the phones that have this "notch" in the existing market versions? Currently I am using these strategies, but I’m still having problems with some…
-
2
votes1
answer386
viewsDynamically scale header height
So I have the following structure HTML <div> <header>Esse é o cabeçalho</header> <article>Esse é o artigo que vem sobre do cabeçalho</article> </div> I’ve got…
-
2
votes1
answer117
viewsHow to change the color when clicking?
This is an old game created in JS. is working right. I want to change the color every time I click on the squares. for example: when I click on the square the 'X' turns red, when I click on another…
-
2
votes2
answers30
viewsRemove white spaces between tds
Hello, I’m developing a project that uses the table structure and that in each row except the header row whenever there is a Hover on it, it gets a light gray but here to see well put a strong blue,…
-
2
votes3
answers403
viewsAlign Ivs side by side in the center
I’m having a hard time shaping the way it’s supposed to be in exercise... I wanted to leave the image attached I’ll leave the code of my attempts: .header{ background-color: lightgrey; border: 1px…
-
2
votes1
answer2388
viewsI can’t center the video
Guys I’m trying to center the video, trying to use the margin:0 auto; there’s the possibility of me positioning through the padding or something like that, I made the other page exactly like this…
-
2
votes1
answer377
viewsHow to align text with the center of the div with Materialize?
I have a div with a text and an image: This div has a block of text that should be aligned with the center. To make the alignment, I used the class .valign-wrapper, that worked perfectly with the…
-
2
votes3
answers213
viewsWhy does the DIV break line when resizing?
I have three divs next to each other, but I’ve defined that the middle div (espaco-contato) has a defined minimum width, however, that the lateral Ivds remain responsive. What is happening is that…
-
2
votes0
answers42
viewsscroll-snap in css is not working properly
I am creating an html page and am having the following problem: I had to use the method scroll-snap css to 'lock' a div at each mouse scroll. This 'snap' is working with a however, when 'roll' the…
-
2
votes1
answer65
viewsProblems aligning div on the right side
I’m having a problem lining up the div. btns on the right side of the header, I’ve tried it: Justify-self: flex-end and end; I’ve also tried align-self: flex-end, and I can’t get it to go to the…
-
2
votes1
answer24
viewsWhat is the behavior of the "order" property when not defined?
My goal is this: The site has a shopping area that displays 3 different plans. When this plane area is accessed on a screen larger than 800px wide, it is displayed as follows: The plans are laid out…
-
2
votes1
answer78
viewsHow to create an oval shape with pure CSS perspective?
Hello, I’m wanting to create the second figure in the image, the oval shape with perspective, I’ve already made the oval shape, however, with perspective I’m not getting. #oval { width: 200px;…
-
2
votes1
answer26
viewsCSS personal-selectors do not seem to work with the querySelector method
Basically, I need to access the href of the last tag anchovy and change their value. const modHref = document.querySelector('.menu a:last-child'); modHref.setAttribute('href', 'ricardo.com');…
-
2
votes2
answers474
viewsTurn an image into a HTML5/CSS3 Submit button
I would like to turn an image into a button, but keeping the Submit property (send form to it) is possible? The code below demonstrates what I wanted to do: <form method="post"…
-
2
votes1
answer102
viewsPlace menu items inside the div
I have the following code: .top-content { background-color: #fff; border: 1px solid #e07b39; height: 69px; } .nav-list { display: flex; justify-content: flex-end; list-style: none; } <div…
-
2
votes1
answer48
viewsHow to use a function for multiple Javascript vanilla Ivs?
I need to implement a rule to allow the badge to change color according to "Value" but the rule is only taking the 1 badge the others are not taking as it should use in my Javascript? <nav…
-
1
votes6
answers690
viewsHow do I make a page not bug when the browser is resized?
Well, I developed a website for a school project, the problem is that when I resize the browser, the site gets all bugged out, the elements come out of their original positions and the site becomes…
-
1
votes4
answers2213
viewsRandomize the position of the images
I have a list of 10 images and I need to make sure that every time there’s one refresh on the page these images change position.
-
1
votes2
answers61
viewsHow to remove automatic comments generated by Compass?
I write the code in SCSS, and when the CSS comes with comments where the Class or ID is in my SCSS. Does anyone know how to remove these comments generated by Compass from my CSS file?
-
1
votes2
answers3026
viewsBootstrap styles do not load
I have a website and I’m using Bootstrap but for some reason when I go to index.php everything works as it should be, but if it goes to index.php/ (with the bar at the end) the HTML code loads but…
-
1
votes1
answer154
viewsHow to increase the distance to appear icon that expands menu
I am in a MVC 4 project, using bootstrap and I want to know if there is a way to change the configuration so that the button that expands the menu (which only appears on smaller screens) appears on…
-
1
votes1
answer184
viewsAlignment with Flexbox
I’m having trouble doing a project with using Flexbox. Behold HERE my ongoing project These red boxes are distributed using Flexbox, the amount of boxes will vary from 1 to 400, IE, You need to…
-
1
votes2
answers111
viewsPage with Horizontal Navigation
I am with a challenge to build a site using Bootstrap + Wordpress, however I need my container have horizontal navigation. How do I do it in Bootstrap?
-
1
votes1
answer1174
viewsButton that expands in Hover with CSS Transition
I’m trying to make a button, that in the hover it expands and shows the rest of the button. Here is an example of what I want to do (the button is a simple <h2>): h2:before { content:…
-
1
votes0
answers34
viewsHow to apply Blur-like effects to images that work outside of Chrome?
When trying to apply the effect Blur in images, I had problems with some browsers, as you can see in the link below. BLUR EFFECT I wonder if there’s any effect that resembles Blur and that works in…
-
1
votes2
answers1254
viewsSide menu with fixed width and content 100%
I’m working on a project, which my side menu has 300px and mine content has 100% relative to my menu. I apply the following style: header { position: fixed; top: 0; left: 0; width: 300px; height:…
-
1
votes2
answers8336
viewsHow to center the <th> header of an HTML table with css?
My table: <table id="tabela"> <th id="cabecalho" >Ação</th> <tr id = "linAcao" > <td><a href="#"><img src="Acao.jpg" title=""/></a></td>…
-
1
votes0
answers152
viewsProblem loading . css compressed in IE9
I have a problem loading styles from one page exclusively in IE9, in other browsers and versions IE10-11 work properly. The page uses Bootstrap 3.1 and another template, so it uses multiple files…
-
1
votes2
answers271
viewsCreate a bottom bar with Tabs
Is there any jQuery plugin that creates an options bar like the one in the project PHP Debug Bar? Does anyone have any suggestions for implementation? The "Messages | Request | Timeline" is a thin…
-
1
votes3
answers3178
viewsHover in two elements at the same time
I own a div and inside it a <a> I can see it in the div, but the anchor color doesn’t change. HTML structure: <div class="TamanhoECorTabs ThemeGrid_Width6"> <a id="ancora"…
-
1
votes1
answer4075
viewsHow to put time and date in input fields with jQuery and jQuery UI?
How to include jQuery UI style files and Javascript files so that date and time inputs show pt_BR fields perfectly? You need to modify library attributes?
-
1
votes1
answer1645
viewsValidating text box
Whenever I do a javascript validation of a text box, to know if it is empty or not, I do it as follows: function validar(){ var input = document.getElementById("texto"); if(input.value == ""){…
-
1
votes1
answer299
viewsProblem when aligning Footer
Hello, I have a problem that is disturbing for a long time, I have a page on which there is a div which has several contents inside which are modified according to the user’s wish, below there is a…
-
1
votes1
answer51
viewsUnwanted page space when creating media queries
I’m creating a site with responsive layout,when the site enters the mobile solution leaves an unwanted space below @media(min-width:176px) { div#rodape{ width: 100%; height: 70px; padding-top: 10px;…
-
1
votes3
answers118
viewsMedia Querie is not compatible with Internet Explorer 2014
I’m using the following media queries, Chrome is all ok. What are the right properties for the latest version of IE? @media(min-width:320px) { } @media(min-width:480px) { } @media(min-width:600px) {…
-
1
votes1
answer635
viewsBackground only in one part of the element
I have an element, which occupies 100% of the page, but it has a background up to a part of the element, I even know how to do, only I need it to adapt to 1024px screens and I would like to know…
-
1
votes2
answers566
viewsJquery or pure JS + CSS3?
The CSS3 gained so many utilities that before were only possible with programming, for example: Media queries, fb, keyframe, Transition etc... So what are the advantages, disadvantages and when…
-
1
votes0
answers133
viewsWhy does the pseudo-element '::first-Letter' not work correctly in this example?
When using it, a space appears at the bottom of the page, causing the footer to go up a bit. This does not happen when using 'first-line', for example. It’s only with 'first-Letter'. Would someone…
-
1
votes1
answer304
viewsHow to make the keyframe stop at 100%/stay static after animation?
I have the following keyframe: @keyframes bolha 0% {width: 0px; height: 0px;} 50% {width: 600px; height: 600px;} 100% {width: 400px; height: 400px;} } I call him that way: -webkit-animation: bolha…
-
1
votes3
answers291
viewspositioning of float elements without spacing
I have long been trying to solve this problem. whenever I create a site using div’s that are float I have the problem of leaving a blank space after the 1st div in the line break as in the example…
-
1
votes1
answer60
viewsIs it possible to apply an external and internal shadow effect to a box in css3?
For example, I want to add to a menu button an internal and external shadow effect, is it possible? I applied it once but one removed the other!
css3asked 9 years, 9 months ago Everton Luis 1,499 -
1
votes2
answers353
viewsDiv block of size proportional to itself
I need a div block that’s always proportional to itself, like width: 100px; e height: 60px; if width is 200px, height will be 120px, regardless of the size of the screen, and it should have width:…
-
1
votes1
answer620
viewsMedia query does not work on non-responsive website
Good afternoon everyone, I put media query css3 to work on a fixed width site, but it doesn’t work. It only works on responsive websites? http://bblender.com.br/clientes/moldin/ @media only screen…