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
-
1
votes1
answer695
viewsBootstrap Sass, which is the best way to use to avoid attribute redundancy
I am using the Sass version of boostrap, and would like to know what is the best practice. I have the assets bootstrap originals and have mine assets personal that I believe overwrite the boostrap…
-
1
votes1
answer129
viewsCSS 3 Serrated Skew in Chrome
When using the Transform: skew(value) property in Webkit browsers it displays a certain serration where it gets angled: -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -ms-transform:…
-
1
votes1
answer21
viewsImage opacity tagged with MAP
I have this page: http://comunicacaointerage.com.br/paginas/DiskBanner/diskbanner.html In it, the image is tagged <area> to put link on each of the forms. The problem is that the service staff…
-
1
votes1
answer135
viewsOverride CSS from ui-disable class
I have a navbar as footer. The first element of navbar has the class ui-disabled not be possible to interact with it. Here is the FIDDLE HTML/Jquery <div data-role="footer" data-position="fixed"…
-
1
votes1
answer74
viewsWhat is the name of this component below?
Have some component ready with primefaces do what the image illustrates below? I need to do this with JSF and I’m half lost. The idea is that yes is an auto complete, but if he does not find…
-
1
votes1
answer231
viewsHow to keep header fixed without changing height when using scroll
On my page I have a header fixed at the top, but when I scroll the page and return to the top the header height is changed, I made some attempts, like removing that line, I deleted the…
-
1
votes1
answer169
viewsHow to mount grid in Bootstrap 3 for small images
I’m trying to adapt a grid in Bootstrap 3 for small images with the possibility of the page being responsive, these images are inserted via form as .png and sent to banco de dados and in a specific…
-
1
votes3
answers2739
viewsMaintain the Hover effect when clicking on the link (active)
I have a <aside> and within it a structure ul>li (menu) according to the code below, I would like that when clicking on the item and the page of the same one is redirected, the menu is…
-
1
votes1
answer103
viewsHow to make animation changing videos with mouse click
I’m having a doubt, I don’t even know how to research what I want. The idea would be to click on the image of Video 1 and Video and Title changed without leaving the page, so pro 2 and 3. I took a…
-
1
votes2
answers379
viewsFixed form goes over menu
I have an application where I have a regular menu at the top of the page, and just below it a form, where this form has to be fixed, in a way that when I scroll down, this form goes at the top of…
-
1
votes0
answers64
viewsMenu css does not work when entering through Google, but usually works via URL
This problem happens on mobile devices. It’s a bit strange but when I access the site through the URL, the menu works normally, that is, by clicking on the 3 horizontal bars, the menu appears. But…
-
1
votes3
answers2842
viewsResponsive horizontal list that adjusts to 100% of parent div width
I created a list with some social media buttons, only the last button is from Whatsapp, and I don’t want it to appear in the version desktop, only in the mobile. So I created this media query:…
-
1
votes2
answers2102
viewsDynamically change the text color based on a background color
Guys, I have this code where it generates me a kind of theme https://jsfiddle.net/jpcaja7t/18/ and I would like to apply this other code on it so that the text is in contrast to bg, how can I do…
-
1
votes2
answers76
viewsSass css/js minification
I’m looking for a software for windows, that does the minification of js/css files in Saas, currently only know codekit, but is for mac.
-
1
votes1
answer632
viewsHow to leave the image in front of the text?
The image below shows that when placing the mouse over the image, it gets larger with a SCALE via CSS (transform: scale(3.05)). But the content of the site below is on the image, would anyone know…
cssasked 8 years, 12 months ago GustavoCave 545 -
1
votes2
answers818
viewsReferencing CSS in jsp via$pagecontext.request.contextpath in tomcat8 does not work
I am using Tomcat 8. My css and js files do not load into jsp via $pagecontext.request.contextpath in tomcat8. I can only load css if I set the absolute path from the webapp directory.…
-
1
votes1
answer49
viewsHow to make the code light where it’s in orange
I do not know how and nor how to look to make this scheme to leave orange when I pass the mouse.…
cssasked 8 years, 12 months ago PoneiMlditoUM 83 -
1
votes1
answer111
viewsTop of the menu!
Well, as you can see, the top is a black banner, the web size is normal, but when I decrease, I see to test the responsive, I see that the banner is getting below the menu. The division of the menu…
-
1
votes1
answer47
viewsHow to allow the choice of a theme on the site, through a css file and cache memory?
all right? So, I’m trying to create an individual theme choice system on my site, and with that, I need that, when a user chooses it, it gets saved in the browser cache, and all pages of the site…
-
1
votes1
answer196
viewsHow to control the positioning of a div with position Fixed?
How can I make sure that when my right div gets to the div of the comment area it gets fixed again? When it arrives at a number X distance from the top I apply a position Fixed to it to keep track…
-
1
votes1
answer1102
views@media in CSS does not work properly
I have two CSS links on my site: The normal layout, and the "responsive fixes" with @media. To do the tests with different screen sizes, I’m using Firefox’s Resposive Design Mode. When I did the…
-
1
votes1
answer88
viewsSection does not work properly
I need my <section> stay the same as this site here follows the image of the part I need I tried coding but it’s not at all that way I don’t know where I’m going wrong. Follows my code: CSS ul…
-
1
votes2
answers422
viewsPosition Absolute is not working
I’m trying to create a version of the old record site. What I need is to get the div read under the div last, but they are followed and this is not what is intended. Where does it say good, on the…
-
1
votes1
answer122
viewsRecover ID passed by DIV on next page
I have the following CSS class along with foreach(): <section id="cidades"> <div class="listacidade">ESCOLHA UMA OPÇÃO</div> <ul id="ListandoCidades"> <? foreach($cidades…
-
1
votes1
answer548
viewsSelect only the first children of a parent element
I have the following appointment: <div class="step-content"> <div id="step-1"> <h1>step 1</h1> <h1>step 1</h1> </div> <div id="step-2"> <h1>step…
-
1
votes2
answers46
viewsElement outside the dialog
How do I display a ul/div that is inside the dialog? Note in the bottom right corner of the dialog <div id="dialog"> <div> <div> <button id="status-candidato">Run last…
-
1
votes1
answer199
viewsMask in image
I am trying to apply a "mask" to my image, to take only the center of it and apply 50px for 52px, tried to use the clip-path but it doesn’t work, I’m using the opera and the Chrome for testing,…
-
1
votes1
answer50
viewsDoubt with debug of Chrome
I have that code on my page: <iframe id="dialog1" class="ui-helper-hidden" style="width: 700px;display: inline"></iframe> But in the debug of Chrome, I have these values: <iframe…
-
1
votes1
answer430
viewsjQuery, how to change the z-index of datepicker
When I make one $('#man_dia').datepicker(); the tag with id='man_dia' is just an input, and jQuery alone inserts the other elements into the DOM, I even get the id that jQuery generates to change…
-
1
votes1
answer587
viewsHow to group elements dynamically indepente the size?
I have a div parent who is responsible for bringing together certain quantities of children. The problem is that this div is always aligned to the left, without leaving blank spaces, but each parent…
cssasked 9 years, 3 months ago Wallace Maxters 102,340 -
1
votes1
answer96
viewsAnimation and Transition in CSS Together Don’t Work
I am writing the code below and is not working the part of transition. The class .menu-fixed i apply it via javascript. The animation when you open the site. The animation works, but when I apply…
-
1
votes3
answers639
viewsAlign 4 Ivs always horizontally, with size proportional to screen size
I need to make 4 thumbnails track the width of the screen. Example: DIV1 DIV2 DIV3 DIV4 They are with a size X, horizontal in a row, picking up the whole width of the screen. I need to resize the…
-
1
votes1
answer181
viewsAlign Divs Correctly
Hi, I have the following CSS .control-label{ width: 100px; text-align: center; } .input-mini { width: 85px; } And the following form structure <div class="control-group"> <div…
-
1
votes2
answers868
viewsHow do I display a message if register found and if not found?
I have the following php routine: or die ("Não foi possível realizar a consulta ao banco de dados"); while($rowfoto2 = mysql_fetch_array($ridfoto2)) { How do I display a message if register found…
-
1
votes1
answer734
viewsdiv does not respect the size set in css
I’m trying to create a messaging system, but the formatting of the div is not respecting the size. I’d like you to help me, so I know where I’m going wrong: #limit { max-width: 500px; }…
-
1
votes1
answer677
viewsAdd bookmark system
Recently in a project, the need arose to create a system that can be evaluated by the user, and in this case, only the "favorite" was requested. The user will just click on the "heart" and will be…
-
1
votes0
answers297
viewsFloat in DOMPDF does not work as it should
I need to use dmpdf to generate a grid of images, but the float does not work properly. Instead of him going down when he gets to the edge of the page he keeps going right. I have tried to put a div…
-
1
votes5
answers150
viewsDoubt with image positioning
I have an image for the logo, I want it to always be positioned in the center of the screen for all devices. I’m using the bootstrap. CSS .relative{ position: relative; left: 40px; } HTML <div…
-
1
votes1
answer67
viewsHelp in RSS News Engine
Good night, you guys, I’m trying to make an RSS news engine well television style the code is open and can be seen on Github, I’m trying to do with the fadeout and fadein effects but is only being…
-
1
votes2
answers903
viewsCSS background-blend-mode in IE (Edge)
I’m making a website, and to avoid hovers with other images, I used the blend-mode in CSS. But according to Can I Use? IE 11 and new Edge browsers do not support. Here comes my question, in cases…
-
1
votes1
answer4057
viewsHow to fix footer on the print page?
I need to leave some information on the footer of the page. How should I do it? Below, follow the full code I’m using, but it’s not working! css: .container { height: auto; min-height: 100%; } html:…
-
1
votes1
answer141
viewsCSS - how to make numbering of all levels in nested lists
How to make nested list numbering include parent element numbers (all levels), using CSS only? By default lists only display the numbering of one level: <ol> <li>item <ol>…
cssasked 9 years, 3 months ago Pedro Sanção 5,639 -
1
votes2
answers417
viewsClick elements below a div?
An example I can give: .noturno{ z-index: 9000; position: fixed; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); } <div class="noturno"> </div> <div class="corpo">…
-
1
votes3
answers664
viewsMobile dynamic iframe
I need to generate a iframe dynamic by clicking a button on a div for a mobile app only when I try to load it iframe using the method Onload in the Body it does not automatically load and only when…
-
1
votes1
answer4551
viewsWrite inside a DIV using CSS
Like I write inside a DIV using CSS. Below I have the CSS and in this same code I would like to write a sentence to appear in this DIV. .gerenciar-coluna-exibicao-vismodelo{ position:relative;…
cssasked 8 years, 10 months ago Gladison Neuza Perosini 861 -
1
votes1
answer433
viewsIcons don’t line up
Good morning. I have two icons inside a table and I need them to be on the same line. When the page loads they are aligned: But when I navigate to another tab and go back to that tab, the icons look…
-
1
votes4
answers2318
viewsH1 stylized with center edge with css
Hello, I wanted to put a border the same way it is in the image. I don’t know what you call this type of border, so it’s hard to search. <h1> Destaques </h1>…
-
1
votes1
answer81
viewsStyle Fileupload
How to style a Fileupload element? I’ve seen a few examples where they go about hiding the element and putting an image underneath, I wonder if anyone knows any other way to style this element.…
-
1
votes2
answers130
viewsOverlay information when using Media Queries
I developed this site www.prolinesound.com.br, in the desktop version everything is perfect but when I started adjusting the media queries to make it more mobile friendly, I found a problem. When I…
-
1
votes1
answer125
viewsProblem with slideshow css
I want to leave the slide with the format of the image below. I add the display:block in my slideshow images, but it doesn’t work! HTML: <div class="slideshow"> <div class="slide">…