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
-
5
votes1
answer157
viewsLimit counter() to a certain level of the list list
I have this HTML I can’t change: <ol> <li>Main <ul> <li>Secondary A</li> <li>Secondary B</li> <li>Secondary C</li> </ul> </li>…
-
5
votes1
answer324
viewsTwitter Bootstrap: Set specific CSS rule for different sizes
I would like to know how to declare a value to a CSS property according to browser resolution in Bootstrap. Example: I want an edge to be displayed only on smartphones or very small resolutions…
-
5
votes2
answers1405
viewsHow to make an image divide the text from within a bounded width div?
How to make a <img> break the text from within a <div> limited-width? For example, with this code: <style> #imagem { float:left; } #container { width:250px; background:#ccc; }…
-
5
votes1
answer886
viewsChange url of pages with ajax and click on another browser
I have the following problem, I am developing a web application in java and I would like to know how to change the URL of a page when I click on a menu link. For example: Access a site…
-
5
votes1
answer6229
viewsPrevent zoom on smartphone/tablet with Bootstrap 3
I use Bootstrap 3 in my projects and have a question. I would like to know how to prevent the zoom on smartphones and tablets, that zoom that is done with the movement of "tweezers" or with double…
-
5
votes5
answers1089
viewsProblem with <link rel="stylesheet/Less" ... >
I’ll start studying LESS, but the problem is I can’t move on to the first step. If I put the <link rel="stylesheeet/less"...> does not work. Only work if I put the <link…
-
5
votes4
answers1991
viewsDifference between span img and div img
I’ve seen it in some source code: <span> <img="../imagens/1.jpg"></span> and in others: <div> <img="../imagens/1.jpg"></div> Is that wrong? I always thought…
-
5
votes2
answers1341
viewsHow to make a menu that has a geometric figure in the center and is responsive?
So, I’m a beginner in Web Design, and I’m having some problems with css on a site that I’m developing. I have to make a fixed menu, which is nothing more than a normal bar, but which has a figure of…
-
5
votes1
answer301
viewsError with border Radius Chrome
I have the following structure using the bootstrap and fontawesome .social-rodape{ margin-top: 35px; } .social-rodape ul li a { padding: 10px 12px; border-width: 0; color: #37a8ab; font-size: 30px;…
-
5
votes2
answers18380
viewsChange svg color in :Hover
I have a SVG inserted with the tag img on my website. I would like to know if there is a way when I do the Hover in this image it changes color but only with CSS? This is the contents of my SVG…
-
5
votes1
answer202
viewsInterference of effects Hover
I’m facing a strange problem. I have some links to social networks with a border-radius and with the effect of hover edge rotation, as in the image below: When I give hover on these social media…
-
5
votes2
answers1625
viewsSerriled source Firefox
How to resolve this issue in Firefox regarding fonts ? Unfortunately in Chrome it gets smooth and in Firefox serrated.…
-
5
votes2
answers7699
viewsHow to move one element to the position of the other with Jquery?
I have an element and I want that when the user hovers over it, it should go to the position of another element. For example: I have the element A and I have the element B, when the user hovers the…
-
5
votes2
answers457
viewsAdjust text color in submenu
I took over a site to continue the development, but I have a legacy problem, I’m not able to leave the text black when the user hovers over a menu option. For example, when hovering over the…
-
5
votes1
answer233
viewsWhat exactly is the element.class selector?
I was developing and one thing caught my attention: the rule elemento .classe is different from elemento.classe. I realized that the main difference is that the first one could be read like this:…
cssasked 9 years, 7 months ago Rafael Almeida 2,585 -
5
votes2
answers139
viewsUse date or class to query DOM elements
Here I am needing a little help to get a broader view on this subject. As a rule I usually avoid using class to query elements in HTML, I end up using a custom data property. in many cases I end up…
-
5
votes1
answer1765
viewsPosition arrow from a dropdown menu correctly
I added an arrow to my dropdown menus from Bootstrap 3, but I’m having trouble positioning Arrow correctly below the dropdown-toggle, below is a demo image: On the left is my current scenario, with…
-
5
votes3
answers632
viewsReplacement for TAG <center>
I have the following form: .table { max-width: 500px; border-collapse: collapse; font-size: 12; width: 320px; text-align: center; box-shadow: 2px 2px 2px 2px #aaa; } .table tr td{ padding: 8px 8px…
-
5
votes2
answers832
viewsHow to align text in a "mobile" menu using the "select" tag
I have a website (structuraonline.com.br) Responsive and when I access the menu on a PC simulating a mobile device the text is aligned to the center but when accessing using a mobile device itself…
-
5
votes1
answer322
viewsSearch field add product to cart
When adding some product in my shopping cart the search field of the site does not appear and I can’t identify why, I was eliminating what I could from the files .css that I have and I still…
cssasked 9 years, 8 months ago adventistapr 5,498 -
5
votes1
answer39
viewsA background is loaded even when a rule is not applied over an element?
I do not know if the title of the question is clear, I will try to explain as clearly as possible. I’m studying about responsive websites and try my best not to use large images so the site doesn’t…
cssasked 9 years, 8 months ago Rafael Almeida 2,585 -
5
votes3
answers3594
viewsWhat is the difference between display:inline-block and float:left
When testing with alignment of div, both have the same purpose But what would be your difference?
-
5
votes2
answers5145
viewsPass a function parameter according to the value clicked with Javascript
I need to pass the value of a function according to the clicked value of it. There are 3 Divs, each one is a gallery. I need that when clicking on the "see more" option, open a page with all the…
-
5
votes1
answer26463
viewsUsing Javascript to change CSS property
I’m not getting it to work, I have a retractable side menu and a button in a bar in the header. I’ve set my menu to margin-left: -250px; and wanted that when I pressed the button it set to…
-
5
votes3
answers377
viewsHow do I work with responsive design?
I use Media Queries, right, and my layout will have to adapt to various devices like tablets, iphone, smartphones, notebook and Tvs, but I found a problem in the tablet in landscape mode, it has an…
-
5
votes1
answer28619
viewsIcons in different sizes with Bootstrap
Hi, I’m studying the Bootstrap building a website Opencart where the layout has standard icons. I made an HTML module for information with 3 icons using Bootstrap, but they follow the site size…
-
5
votes3
answers10234
viewsborder-Radius in table does not work CSS
I’m trying to put a Radius border on my table so that the four tips of it are rounded. If I touch the tr/th/td border-Radius it will change the radius of the ballots and not only those of the table,…
-
5
votes2
answers669
viewsHow to handle div size without using Hover
Edited -- Despite having asked exclusively in css, I saw that in fact the final result in JS is much more professional and lean. Being so I confirmed the reply of @Renan as the one that actually…
-
5
votes2
answers1913
viewsRemove space between span and input
I want to know how I can remove these spaces: So that the spanand the inputstay together, like here: My CSS: input, textarea { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C9C9C9;…
-
5
votes2
answers694
viewsHow to create a drawing in open book format and with content inside?
I need a drawing of an open book with contents inside, as the image below: ONLY WITH CSS!…
-
5
votes3
answers29883
viewsDIV/IMG with blurred/blurred background
Make the bottom of a <img> or <div> is transparent like the iPhone design - blurred, blurred -, but only with CSS.
-
5
votes2
answers9548
viewsCurves / Waves in CSS
Is it possible to do, in pure css or with some other technique these wavy effects (image attached)? I don’t want to use images to make them.…
-
5
votes2
answers1027
viewsCenter image in Nav menu bar
How do I center an image in the Menu bar? When I talk about centering, I mean not the image in the middle of the bar, but whatever position it is in, that has the same "measurements" for the top and…
-
5
votes2
answers6866
viewsFix and change color in menu depending on scroll
Good afternoon I would like to know if there is any way to change the color of a floating menu in a one page template depending on the section of the page where we are. As in this example:…
-
5
votes3
answers605
viewsMetro style checkbox
I need to change my checkbox to be identical to the following image: should look like this when it is marked, when it is not marked, remove the whole edge and figure at the end. I did not enter code…
-
5
votes4
answers10243
viewsHow to align <li> items from a <ul> list below?
The idea is to create a chat similar to skype, Whatsapp, etc... Where messages start to appear from bottom to top until they reach ul height so the scroll bar appears. ul { list-style: none;…
-
5
votes2
answers138
viewsMake jQuery-Tools Handle accompany a team
I use the jQuery-Tools to create a custom effect scroll in a div as in the following example: "use strict"; var id_label_ms = document.getElementById("count_label_ms"); var range =…
-
5
votes2
answers6742
viewsHow to change the color of the icon in Materialize?
I’m using the framework materialize and to put an icon I do this way: <i class="material-icons">menu</i> It turns out that by default the icon is in white color, I wonder how I can do to…
-
5
votes1
answer162
viewsHow to create a textarea with multi columns (like a newspaper?)
There is a way to create a textarea that its display form is in multi columns?. I have several fields in textarea for the user to be able to make edits, but I need these textareas to be displayed in…
-
5
votes2
answers536
viewsUsing Animate() jquery to animate the place change in a puzzle
https://fiddle.jshell.net/sLa0q4yh/ This example above is not yet fully functional, the logic of the puzzle is: 1 - Click on at least two Ivs (or 2 pieces of the puzzle) and so both Ivs would have…
-
5
votes2
answers1166
views-ms-flexbox and flexbox do not work in Internet Explorer
I’m having trouble identifying what I should do to fix this mistake - I recently used the CSS Progress Wizard, it works perfectly on google Chrome and other browsers: But when I visualize in…
-
5
votes2
answers1574
viewsIs there any way to configure the image quality to increase the upload speed?
Is there any way to leave a particular image, through CSS, with a lower quality, to increase the page loading speed? Example: First load a certain image with lower quality, then increase the quality…
-
5
votes2
answers1625
views -
5
votes1
answer866
viewsHow does the responsive utilities of Bootstrap work?
From an application performance point of view, how the classes work hidden-** and visible-** ? If I put a div with hidden-xs it will be loaded on an Xs device and will not be visible, or bootstrap…
css twitter-bootstrap bootstrap-3 responsive-layout gridasked 9 years, 1 month ago marcosmfjunior 153 -
5
votes1
answer5315
viewsHow to prevent text from being selected using CSS
How to prevent user-selected text using a CSS rule?
-
5
votes1
answer95
viewsClosure Compiler JS - CSS Transform into a Bulk Process
Google has two tools for compilar/minificar optimizing the files JS and CSS, Closure Compiler JS and Closure Compiler CSS. To perform the compilation process I can do as follows: java -jar…
-
5
votes3
answers341
viewsCSS condition for when you don’t have SRC in the image
I need that when an image does not have the attribute src, css automatically recognizes this and hides that element with display:none Which selector should I use to do this? Example: <img…
-
5
votes2
answers104
viewsHow do you put a sentence inside a form field and it disappears when you click inside the field?
I would like to know how to put a sentence inside a form field, and it will disappear when you click inside the field. How do you do it in CSS? How do you do it?
-
5
votes1
answer1012
viewsHow to implement drag-and-drop on an html page?
I am a Delphi programmer, but I would like to implement an html page with the drag and drop function of a page element. I’m creating an avatar mount page, but I’d like to leave the accessories…
-
5
votes3
answers96
viewsDoubt how to use a Less class with RAZOR
I’m doing some research to implement a feature to make life easier when it comes to programming. It is possible to do this? We are using VS2013 with Razor. I have the following class Less:…