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 10 years 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 10 years 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 10 years 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, 5 months 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:…