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
votes2
answers601
viewsScript for side menu
Does anyone know a script for making a responsive side menu that looks like the one on Badoo?? When you are viewing the site on a device with large screen the menu appears with all the options and…
-
0
votes1
answer171
viewsPadding x position:Fixed or position:Absolute
I need to use the padding to leave a spacing between the edge and the center but when I use padding the div this moving any have any idea? http://yugioh.site/layout.html css html, body { height:…
-
0
votes2
answers1092
viewsMenu css separated by bar
I have the following list: <ul> <li>Inicio</li> <li>Notícias</li> <li>Download</li> <li>Contatos</li> </ul> I would like to make this a…
-
0
votes1
answer56
viewsdocumentations and links about the Hover effect
hello staff would like to know if there is any material or documentation that helps me because I need to create an effect :hover similar to that of this site here OBS: the effect :hover and the part…
-
0
votes1
answer104
viewsGradually increase a background-image from a point
I need the effect below in css3 or javascript. Go to GIF What I already have is only the basic: The image does not make the desired effect, because it started from its own center. I need it to be…
-
0
votes2
answers116
viewscss shows error in chorme
On that page, http://www.magicforbaby.com.br/contato.php?form, form fields are stylized correctly. Locally with Texts inputs everything is as it should be, but on the web is out and css are…
-
0
votes0
answers30
views -
0
votes0
answers96
viewsUse webcam on the web with the highest resolution possible
I am developing a simple application to capture photos through a web cam, the part to capture the photo and save ta working quietly, however I am having resolution problems. When I use a software…
-
0
votes1
answer162
viewsFont-size Responsive
I need a help to adjust a detail on the client site, because I’m generating some cards on the screen when registered, but as the screen resolution is not good, so, I come here to ask for your help…
-
0
votes1
answer616
viewsHow to do Hover to link and icon at the same time
Good morning, everyone. I have the following HTML code: <li> <a href="../navbar/" class="navbar-top user-color"> <span class="glyphicon glyphicon-user gly-user"…
-
0
votes1
answer66
viewsStill images on the side with scrolling content only
Next guys I need to make the side images of the agenciamento menu of this website keep showing them all without using the scroll. when I click on the images a text appears talking about each one…
-
0
votes1
answer1046
viewscss3 effect when div appears
at the link below, http://ub.universidadedabiblia.com.br/curso-bachelor’s degree in theology/? ref=U2479268R&hsrc=R0n1cnnv As the screen rolls, it is observed that the div’s are receiving…
-
0
votes1
answer93
viewsCSS error - Django Formfield
This is giving the following error in my Django 1.9 form See that on the label gets the :> in the end. I DON’T WANT TO SEE THE LARGER SIGN (>) AT THE END OF THE LABEL Ex: Nome: > Follow my…
-
0
votes1
answer434
viewsHow do I remove the square when I click the icon?
I’m testing the navbar bootstrap and, as I don’t know much about styles, I don’t know how to fix it. When I click on the icon a dotted frame appears outside the image outline as below: I know this…
-
0
votes1
answer192
viewsRemove dashed edge when clicking on a select combo
I can’t remove the dashed edge that appears when clicking on an item in a combo box, I’ve tried css3’s Outline:None feature, but it didn’t work. Can someone help me? Ex:…
-
0
votes1
answer301
viewsNavbar effect similar to Twitter
How do I get this effect on navbar? It’s present on Twitter. When the page is in the home, there is a blue bar in the page name in the navbar, the same applies to other pages;…
-
0
votes1
answer77
viewsHow to create a screen type for each user?
I am creating an online system in real time, so far only know Html5/css3/js.. How do I stop as soon as the customer logs in his or her information appears to him and not another customer? I don’t…
-
0
votes1
answer127
viewsApply css to Parent
I have an input without borders inside a div and next to the input has a magnifying glass, in this case it is a search field, as far as I know is not possible with css but only with javascript, more…
-
0
votes2
answers89
viewsI can’t leave words side by side of the form
I’d like to leave a div completely aligned with a form of straight horizontal shape. However, although they are side by side, the form is "going down" when it should be aligned horizontally. How can…
-
0
votes1
answer109
viewsproblem with window.onresize()
I am creating a responsive dropdown menu using the same html structure (without creating a structure larger than 1024 and another smaller than 1024), when clicking the icone of the dropdown menu ul…
-
0
votes0
answers462
viewsSite appears disfigured when goes to the hosting
Hello, I’m creating a site, actually I’m already finished is in the testing phase, it was normal when tested locally, but when I passed it to hosting simply it defaced, but only part, the sliders.…
-
0
votes2
answers144
viewsCheckbox style changing label style. How to tidy up?
Good Morning! I have the following code: <div style="float:left;"> <label class="labelPequeno">Oportunidade</label><input type="checkbox" id="oportunidade" name="oportunidade"…
-
0
votes2
answers23084
viewsCentralize DIV
How do I center this div : .centralizar { width: 80%; background: #fff; }…
-
0
votes1
answer121
viewsHow to modify CSS inline after page loading?
Good, I’m doing a database query, where there is a field that has html content. Inside this content is a table, which has some CSS applied inline with a width defined in px. I need to change the…
-
0
votes3
answers4227
viewsWhen clicking a button, how to make the screen slide down
I have an area with prices, and I have a button right next to "have more details", I want that when you click this button, the screen slide down the page that is where I have the "contact" section.…
-
0
votes1
answer768
viewsCatch the height of an image
In my project, I have an image that as the screen goes down 1000px, 860px, 320px, etc the image also changes its height. How to do to catch the height at the time of display? I need to know this…
-
0
votes1
answer65
viewsI can’t make fluid layout on the menu
Hello. I have the menu below: <ul class="menuUlTopo"> <li class="menuTopo"><a href="principal.php" title="Principal">Principal</a></li> <li class="menuTopo"><a…
-
0
votes1
answer46
viewsDifficulty positioning objects after @media (max-width: 320px) {
Where am I going wrong? I have the html down below <script type="text/javascript" src="_global/_funcoes/_js/jquery-2.1.4.min.js"></script> <button class="menuAbrir"><img…
-
0
votes1
answer111
viewsMedia querie is ignoring attributes
I’m trying to get a DIV only be shown on small screens, then set the following: @media screen and (max-width: 460px) { #bloco{ display: block; width: 100%; height: 50px; background-color:…
-
0
votes2
answers744
viewsAdding a class to a bootstrap link
I’m using the bootstrap and I have a menu, what I wanted was that when I clicked on a link from that menu, I displayed the page and left selected in the menu the page the user is on. I tried to…
-
0
votes2
answers820
viewsHow to select items from a list and fill another div with selected items using Jquery?
In the div-students I have a list, and when clicking on each student I would like to fill in another div-group I will put inside a form to register a group of students, IE, the user will select the…
-
0
votes1
answer72
views@media (max-width: 320px) does not work on Android
I’m using @media (max-width: 320px) does not work in the Android, only in the Windows Phone. What to do in this case? html: <button class="menuAbrir"><img src="_img/btn-menu.png"…
css3asked 8 years, 7 months ago Carlos Rocha 1 -
0
votes2
answers42
viewsReset disturbing to center
I have a problem and a little shame in asking for help. Today I still solved a similar problem in: Error when centralizing ul in div But I decided just by doing margin:auto in div and centering a…
css3asked 8 years, 7 months ago Carlos Rocha 1 -
0
votes0
answers74
viewsMenu leaving margin on the left
I can’t find that mistake. My Monitor has 1024px and body set to width: 97.65625% which gives 1000px. The menu (ul) has 7 items (li's) each li with 141.7px plus 8 bordas of 1px every gift 999,9…
-
0
votes0
answers73
viewsAlign one div inside another vertically
My goal is to get this vertical alignment: I need to align vertically and horizontally the contents of div's busca and buscaImovel consecutively. Horizontal alignment works but vertical alignment…
-
0
votes1
answer44
viewsHow do I add article block to my Section tag?
I’m having trouble adding a Section tag where there are 3 squares next to each other. section#blocos{ display: block; text-align: center; } section#blocos .blocos-coloridos{ display: inline-block;…
-
0
votes1
answer219
viewsInsert arrow in Submit input for when jsf render appears on button
I made a whole layout in HTML5 and I have a "next" button where I have an arrow in it, but the developers are doing it in JSF and by rendering the commandButton becomes a input type submit and the…
-
0
votes1
answer97
viewsHow to adapt this code to different screens
I’m having a problem using a slider vertical, the Swiper Slider I’m using the Mousewheel control. My problem is this, how he’s a vertical slider, need to set a size for the height, so I can’t make…
-
0
votes2
answers361
viewsFloat does not work correctly
I’m having a little trouble finding myself using the float property of css. Currently this is what I have with my code: But I need it to stay that way: Only other than crooked and out of the blue…
-
0
votes1
answer32
viewsChanging input border with Javascript
What’s wrong? I need this effect to validate form. var input = document.getElementByClass("dado"); input.style.border = "1px solid red";…
-
0
votes2
answers1377
viewsCustomize input range for progress bar?
Custom progress bar for a player video with input crease, someone can give me some tips, I appreciate. <input type="range" id="progress-bar" min="1" max="100" step="0.1" value="0"/>…
-
0
votes1
answer206
viewsProblem with textarea in fluid layout
I got the following: HTML: <div class="sessoes"> <div class="formContato"> <h1 class="h1Centralizado">Fale Conosco</h1> <form id="contato" action="contato.php"…
-
0
votes1
answer257
viewsUniversal Selector Does Not Work
I searched the forum and did not find similar question to this, so la vai: I’m using visual studio code as a tool for studying html, css and js. I’m currently working with CSS, but I realized that…
css3asked 7 years, 10 months ago Matheus Sandrini Rossi 1 -
0
votes4
answers5422
viewsI can’t center an ul inside the div
Hello! I can’t center an ul inside the div CSS .menu { clear:both; position:relative; width: 100%; } .sessoes { width:1000px; margin: 0 auto; } .menuNav { width:100%; text-align:center;…
-
0
votes0
answers716
viewsHTML and CSS: Insert span into Option Select
I’m trying to do the following Select: I tried to do it this way, but I couldn’t: HTML: <select class="form-control"> <option> <a title="Alimentação"> <span class="color"…
-
0
votes1
answer53
viewsCSS3 2 Problems
Let’s start with the codes HTML and CSS @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { background-image:url(../../_img/fundo.jpg); background-size:cover;…
-
0
votes2
answers25
viewsCentering ul in a strange way
I have a very strange problem. css .lista { margin:0 auto; } ul.listaTopo, ul.listaRegistros { margin:0 auto; padding:0; width:100%; } ul.listaTopo { background-color:#000; color:#FFF; }…
-
0
votes1
answer1189
viewsGraphics with HTML and CSS
Does anyone know if there is a form of making bar or line charts using CSS and HTML?
-
0
votes0
answers29
viewsOptions for Safari Browser
Hello, Use some CSS classes to align objects on the screen: height: 65vh !important; display: flex; align-items: flex-end; justify-content: center; However, in Safari some of these classes do not…
-
0
votes1
answer118
viewsError install Awesome Font plugin
then the staff already tried to do of td, installed the icons in the correct way as the site speaks to make <link rel="stylesheet" href="font-awesome.min.css"> to add the icon I’m putting…