Most voted "css" questions
Cascading Style Sheets (or simply CSS) is a style language used to define the presentation of documents written in a markup language, such as HTML or XML. Its main benefit is to provide the separation between the format and content of a document.
Learn more…8,314 questions
Sort by count of
-
2
votes2
answers1224
viewsImage Preview with JS
I am trying to make an image preview when the user selects the file with the <input type="file" /> but I’m having a lot of trouble, I’ve looked in several places and as I don’t know much about…
-
2
votes1
answer98
viewsDoubt about the property "Animation-name"
I am studying all properties of CSS3 and came to me a doubt about the property Animation-name. The value that is given to this property is either customizable or is a language default value? Doubt…
-
2
votes2
answers1832
viewsHow to make an image responsive without using frameworks?
I have the following doubt: I have the following image in a PSD file. I’m using Bootstrap to develop the system, but I needed this image to be made with CSS and be responsive. Any suggestions ?…
-
2
votes1
answer1459
viewsHow to force the maximum table width?
Can you set the width to be occupied by the table? forcing it to make a line break and continue when it reaches that maximum width?
-
2
votes2
answers446
viewsonClick does not work on ipad
I am developing the application in windows, but then through phonegap I will pass it to an Ios application, which uses the Iscroll plugin to scroll through my list. Problem: In each li have a div…
-
2
votes2
answers486
viewsHow to set an image at the bottom of the page?
I’m trying to run my project with a background image as follows: The image is in the way: webapp/Resources/libimagens/bg.png The CSS file is in the way: webapp/Resources/libcss/style.css Inside the…
-
2
votes1
answer973
viewsChange field Automatically after filled
I have a form: <div class="span12" style="padding: 10px;"> <form action="<?php echo base_url()?>index.php/chamadas" method="get"> <div class="span2"> <label for="">Data…
-
2
votes2
answers327
viewsElement:First-Child Does Not Work
In this example below there is an element .title. And in it I’m putting one first-child with margin-top:20px;. When compiling and saving is not working. Do not apply the top margin on the first…
-
2
votes1
answer737
viewsMenu css + javascript and jquery
Good guys, I need to create a way to recognize which menu I am clicking on, I have my index where I call my menus with a include, so I need to put a green bar at the bottom of the menu that is…
-
2
votes3
answers113
viewsIs it possible to create predefined css values?
How can I add predefined CSS values? As if it were a variable to store. For example, a color (Hex or RGB) so that I could use in the rest of the document, so instead of typing the color value, I…
cssasked 9 years, 1 month ago Carlos Giovano 43 -
2
votes1
answer614
viewsSliding divs for content
Someone could help me how to box with slider content and by clicking on the arrows the Div is Pushed and so showing the other box as in the image below the globe example . I’ve done with java script…
-
2
votes1
answer50
viewsProblems with **UL inline**
Good, I have a problem making one ul inline thus because every time I try to hr and vertical-align always comes out of place. This is the result you give me: ul { list-style-type: none; margin: 0;…
-
2
votes1
answer68
viewsView different HTML in Web App
I have a responsive site, but I need it to be displayed differently within a webapp iframe (no navigation menu, no footer, for example). How do I load a different css, or hide elements, if the…
-
2
votes2
answers1616
viewsHow to customize scrollbar in div?
I have a menu that uses offcanvas from Bootstrap but wanted to style his scrollbar in the style of Facebook chat.
-
2
votes1
answer1065
viewsGet the div from within to "overlap" the father
I have this following structure: .containerNome{ width: 97px; height: 23px; border: 1px rgb(0, 0, 0) solid; background: rgb(0, 0, 255); border-top-left-radius: 10px; border-top-right-radius: 10px;…
-
2
votes1
answer1053
viewsLine-Height - Leaves No Vertically Centered Text
I’m using the line-height to center a text vertically. But the text seems to me to have a small margin. Look at the image below, I selected the font to better see the spacing that’s making the…
-
2
votes2
answers71
viewsUnexpected behavior when centralizing div
I made a basic structure: a wrapper involving 3 Divs! The first one floats to the left side, the middle one would have its margin defined as 0 auto and the last div floating to the right side. The…
-
2
votes3
answers692
viewsInline display does not work
I’d like to leave mine section same as this page here notice that just below the header a 3 circular objects with title and text and when you redeem the screen one goes down the other I want to do…
-
2
votes1
answer376
viewsAlign CSS tree vertically
I’m developing a project where I need to show a family tree. The closest I found was through of this topic. But it’s displaying horizontally. How to change to show vertically? *, *:before, *:after {…
-
2
votes1
answer84
viewsDynamically aligning image
I’m doing an area of the site where I seek to dynamically align the images that will come from possible "customers", the problem that is happening is that I do not know how to break the line because…
-
2
votes1
answer647
viewsBootstrap changing color in print
I made a report system that is displayed to make printing on A4 sheet. I put some edges on it to make printing. The problem is that at the time of printing, it prints everything black. The problem…
-
2
votes1
answer3036
viewsCSS animation "Flinging" or shaking
My idea is to put an invisible image on the page, which when in Hover, appears and triggers an animation. The problem is that once I put the pointer under the image, the animation is shaking,…
-
2
votes1
answer371
viewsFixed footer at the bottom of the page
Well, I’ve searched a lot of sites how can I do this most of the time says it’s for me to body, html{height:100%;} footer{width:100%; bottom:0; position:absolute;} But when I do it, it’s at the…
-
2
votes2
answers499
viewsHow to make this MENU with CSS
HTML <nav id="menu-navigation"> <ul> <li> <span class="icon building"></span> <a href="#" title="">LINK UM</a> </li> <li> <span class="icon…
-
2
votes1
answer313
viewsFloat does not work properly and overlap
I have a problem in a section because the text of one of them is overlapping the other when the page is redeemed and I don’t know what else to try so that it doesn’t happen follows the code :…
-
2
votes0
answers714
viewsError function Barcode.php while Gero PDF with MPDF
I’m on a project at the company to send the billet from here in an automatic way to the customers email. The fact is that the layout and the boleto are already working perfectly. The only problem is…
-
2
votes2
answers2406
viewsTransparent gradient superimposing <div> without losing the "click"
How can I do the image effect below by adding the gradient effect to the footer of <div> without this being done by images using position Absolute? I would also like to maintain the gradient…
-
2
votes2
answers115
viewsaddClass() is adding class to <a href=""> instead of <img src="">
Guys , I need to put a link in the image and when I did, there is an error in my fade effect done with Jquery. I believe the error lies in the misuse of next(). This fade will only work if the class…
-
2
votes1
answer2703
viewsContent passes above the "header" when scrolling page;
I have a header fixed, and just below I have a Section, that this the problem, when scrolling the page the content of Section, goes over the content of header, and my intention was for it to pass…
-
2
votes1
answer84
viewsMake class combinator open page in separate tab
I have a code in which he creates me a page as if it were a theme, picking randomly the css classes, but what he does is create the "theme" within the page that this button, and would like it opened…
-
2
votes1
answer433
viewsShow div only after passing a second section
How do I show a div only after the scroll passes a certain #id? <div class="row" id="menufixo"> <!-- TODO ADICIONAR CLASS navbar-fixed-top PARA MANTER MENU NO TOPO --> <div…
-
2
votes0
answers52
viewsTrapezoid with CSS or JS
Hi, I need to make a trapeze, like this: Be done with CSS or JS. But it can’t be done with Borders, so it doesn’t work well if I need to put some text inside, I can’t use any Absolute position or…
-
2
votes2
answers50
viewsI’m unable to accommodate three images online
I’m trying to leave three images per line on a page, set it in the body of the page: <div class="produtos-ponta"> <div class="produtos-conteudo-ponta one-fourth-ponta"><img…
cssasked 9 years, 4 months ago adventistapr 5,498 -
2
votes1
answer53
viewsImage does not catch characteristic of the div in which it is inserted
I have a header tag, where is my menu, this header tag has 80% screen width and is fixed at the top. I have just below the menu an image, which I want to take 100% of the screen, but is inside the…
-
2
votes1
answer100
viewsAutomatic image traversal of a gallery with Opacity effect
I have a small gallery of images next to each other it already has opacity 0.1 and when passing the mouse over one of the images the opacity effect becomes clearer 1.0 only I want to be made an…
-
2
votes1
answer58
viewsI can’t fix menu and site header
I’m trying to fix the menu and the header of the site, but I can’t!! I managed to get him online in case you could take a look: http://www.projectxna.esy.es/site-teste As you can see, when using the…
-
2
votes1
answer83
viewsPrefixes using Css Stylus
Hello, I’m starting to use css Stylus and I’m having trouble adding the browser prefixes. Is there any autoprefixer that adds everything automatically or have to do everything manual? Thank you. Obs…
-
2
votes2
answers326
viewsProblem with margin-left in Internet Explorer
My area isn’t even CSS, I learned the basics these days and I’m just breaking a branch here. My problem is with margin-left from a button, in Chrome it is in the correct position but when I enter…
cssasked 9 years, 4 months ago Filipe Dognani 29 -
2
votes1
answer28
viewsRemake SASS loaders for CSS
Someone can help me I have this code using SASS but as I was developing in Synfony I had I am not using SASS, for a number of reasons. The code is this: insert link description here Mine can help me…
cssasked 8 years, 12 months ago Marcius Leandro 462 -
2
votes2
answers231
viewsLeft property does not work in position Fixed
I’m trying to make a div stay fixed at the bottom of the page, in the right corner, but not at the bottom of the page, so I used, as usual: width:50px; height:100px; background:#fff;…
-
2
votes1
answer51
viewsScroll is always at the base of a div
I’m automatically bringing information from a database, which creates a scroll in a div. The problem is that I have to scroll down to follow the information that appears on the screen. How would I…
-
2
votes3
answers3214
viewsJS - How to add a style within a new class?
It is possible with javascript to add an element to a class? EX: Have a class: .post_22 {color:red} Until then it only has color, but when you click on a link: <a onclick="minBox()">Seu…
-
2
votes1
answer179
viewsHow to make the position of a moving div be saved automatically?
I developed a widget for my project and now I need that, when moving it, your position is saved. Example: Initial widget position 80px x 120px, after moving it, initial widget position 210px x…
-
2
votes1
answer765
viewsHow to position two selects within the same div?
I need to put two selects within a single div, one aligned to the left, and the other to the right. I’ve tried using CSS by creating a class to apply to each select, but it didn’t work: select.left…
-
2
votes2
answers547
viewsForce CSS in IE
I have a widget on my page and it is reading an external CSS, I would like you to load my CSS as main in Internet Explorer 11. All other browsers load normally, but I need IE to work. I used "!…
-
2
votes2
answers7394
viewsHow to change color of css header only
How do I change only the header color and not the entire body of the site? I’ve tried putting background: #fff; but it doesn’t work. I tried this, but to no avail: <header class="header">…
-
2
votes0
answers375
viewsHow do bar get responsive?
I’m trying to make this HTML5 video player icons responsive. <div id="video-controls"> <div class="play-video"> {!! Html::image('img/video/play.png', 'Play / Pause Video', ['class' =>…
-
2
votes2
answers200
viewsCentralize dynamically created div on top of another div
How to center the div #windows that is created dynamically with width/height that vary, over the div #main-content and I need it to stay the way it is, not creating it inside the div #main-content…
-
2
votes2
answers131
viewsDiv disturbs the Link
I have the following Divs: <section id="cidades"> <div class="listacidade">ESCOLHA UMA OPÇÃO</div> <div class="listacidade"><a href="../zz"><img src="<? echo…
cssasked 9 years, 3 months ago Sr. André Baill 6,946 -
2
votes1
answer442
viewsbackground-image css clickable. Is there a way?
can make a background-image css clickable? Follow the code I have: position: relative; width:140px; font-family: Arial, Verdana; font-size: 15px; padding: 5px;…