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
votes1
answer166
viewsChange background color when typing a color via v-bind
I am watching a video lesson of Vuejs and did not understand the link of CSS with the class and how the background turns blue or purple according to what is typed. Example: new Vue({ el: '#app',…
-
2
votes2
answers76
viewsHow to prevent a div with flex display shrinks the child elements?
I made the following example code: .container { width: 200px; height: 50px; background-color: #f00; display: flex; flex-direction: row; overflow-x: scroll; } .div1 { width: 150px; background-color:…
-
2
votes0
answers41
viewsHow to style components nestled with Shadow DOM?
I have 2 nested web components that use Shadow DOM. The first, my-component, only render the second component: <my-another-component part="my-another-component" /> And the second,…
-
2
votes0
answers39
viewsHow to style the scroll bar and keep the arrows (up and down)?
When I stylize the scrollbar, little arrows go up and down. You can keep them? <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta…
-
1
votes4
answers289
viewsHow do I send a "textbox" always to the right when it’s in focus?
I have a textBox monetary value that this with 0,00, when I click to enter an example value 12345, he gets 10023,45. I wonder how I can fix this with Javascript.…
-
1
votes6
answers690
viewsHow do I make a page not bug when the browser is resized?
Well, I developed a website for a school project, the problem is that when I resize the browser, the site gets all bugged out, the elements come out of their original positions and the site becomes…
-
1
votes2
answers250
viewsSpacing between Ivs overlaps
I have this site containing a slider the problem that is happening is that depending on the size of the screen the spacing between each slide changes, someone has some idea of how to solve this? I’m…
-
1
votes2
answers1212
viewsHow to take background-color from padding?
I’m using Bootstrap 3 and I have a div like this: <li class="col-md-3"> <img src="image.jpg" alt="Example" /> <div style="position: absolute; width: 100%; height: 100%; "> <span…
-
1
votes2
answers848
viewsHow to adjust the height of sidebar elements?
I’m having this problem where something from "DIV Feed" is going beyond the size of your "parent DIV". I am willing to explain further the problem if necessary. HTML : <div class="container">…
cssasked 10 years, 9 months ago Phellipe Lins 1,261 -
1
votes3
answers232
viewsWhy CSS properties change in browsers
Why is there a need to use different properties depending on the browser? For example: FIREFOX -moz-column-width:150px; ANOTHER -webkit-column-width:150px; There are many other cases, but what I…
-
1
votes3
answers737
viewsLarge variation relative margin between browsers
I’m having problems with CSS margins that take percentage in a responsive project. There are objects that have a 15% margin for the container, and in IE10 and Safari the difference is 10% more than…
-
1
votes3
answers212
viewsProblem with the Bundle
I’m developing a project and it’s time to work on the performance of it, and I went to use the scheme of bundling and minification of MVC 4.5, it worked as expected, it joined all the styles that…
-
1
votes1
answer221
viewsTransition "Fill from left" into background
I need to make a transition Fill from left in the background of a button. Something much like what you’re in http://h5bp.github.io/Effeckt.css/dist/#0 (search for the button "Fill from left"). I…
-
1
votes1
answer1398
viewsCSS of Magento themes
I added a theme to Magento and would like to change the background and some other things through style.css. I make the modifications, only it doesn’t work. Someone knows why? The CSS I’m opening is…
-
1
votes1
answer492
viewsBootstrap Navbar Collapse firefox problem
I recently started working with Bootstrap and am trying to create a navbar. The problem is that the navbar appears to be normal until we decrease the size of the window where it gives collapse as it…
-
1
votes2
answers960
viewsHow to format several bxSlider on the same page with different styles?
I am developing a site whose pages will have 3 or 4 sliders (bxsliders) my problem is that I would like to format one by one, especially the margins of the buttons below…
-
1
votes1
answer516
viewsInvisible links while not clicking on something or resizing the page
I customized a website, but for some reason, the first time a person visits the site, the menu disappears until someone clicks on something. I can’t figure out why. I found that all page text is…
-
1
votes1
answer176
viewsProblems creating media queries for Samsung Galaxy S4
I’m developing a responsive website and in it I set some CSS tags with media queries, but I still suffer with some devices, as an example, the Samsung Galaxy S4. I believe it’s because it contains…
css twitter-bootstrap responsive-layout media-queriesasked 10 years, 8 months ago Phellipe Lins 1,261 -
1
votes1
answer186
viewsMessage about dppx and dpi on the Chrome console
When I enter the internal system I’m doing here at the company I go to the console and a strange message appears: Consider using 'dppx' Units Instead of 'dpi', as in CSS 'dpi' Means…
-
1
votes1
answer46
viewsProblem in effect acordion simple in paragraphs
Is this practicable? Or have any suggestions without jQuery UI plugins? HTML CODE: <div class="minhaclasse"> <p class="titulo">Título<br>resumo<br></p> <p…
-
1
votes1
answer1168
viewsHow to get the top edge of the div to overlap the top end of the right edge?
I’m trying to get the top edge of the div totally overlap the top tip of the right edge, but I’m not succeeding. html <div class="caixa"></div> css .caixa{ width:100px; height:100px;…
-
1
votes1
answer1257
viewsBootstrap Popover with table-Responsive
I am using Bootstrap v3. And I need to filter table fields. I have chosen to use this example as a basis. I’m now having a problem, when I’m viewing my table (it’s table-Responsive) on a mobile…
-
1
votes5
answers501
viewsHover only on some columns
I have a table with 6 columns, but I just want to give hover in the first 4 columns. It is possible to do this? I’m using MVC 4 and bootstrap I’m already using a method in Jquery: $(".table tbody…
-
1
votes2
answers2165
viewsJquery css if color text condition
I have this code. The problem is that everything is working fine except the color of the text does not change. jQuery: $("#btnContactMob").on("click", function () {…
-
1
votes2
answers597
viewsData-Tables misaligning table title and body when scroll is applied
I’m trying to apply the plugin DataTables to the tables in my template, the problem is that when I apply the scroll, the table ends up misaligning the title of the table of its respective data body.…
-
1
votes1
answer3900
viewsHow to make smooth bearing with button or anchor?
I need some help in css, and js. I need a js to do that when I click the down button, or up, scroll a div to a certain size: Example link: http://jsfiddle.net/A64S2/…
-
1
votes1
answer799
viewsShow jquery-ui icon on the close dialog button
I am customizing the appearance of the jquery-ui dialog widget and so far my css is as follows: .ui-dialog { position: fixed; z-index: 1050; display: none; /*overflow: auto;*/ /*overflow-y:…
-
1
votes1
answer154
viewsHow to increase the distance to appear icon that expands menu
I am in a MVC 4 project, using bootstrap and I want to know if there is a way to change the configuration so that the button that expands the menu (which only appears on smaller screens) appears on…
-
1
votes6
answers19014
viewsI want to align my menu to the center
#menu ul a:hover{ background: #0186ba; background: -moz-linear-gradient(#04acec, #0186ba); background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background:…
-
1
votes1
answer147
viewsProblem repeating background gradient
How can I make a background gradient repeat outside of the set position for the layout? Consider the following image: I needed to repeat the water green and the orange color, which are also…
-
1
votes1
answer1228
viewsOriginal site does not accept CSS that on localhost is working
Use the GIT for the versioning of the project under development. I have a form made with the Contact Form 7 and to change his pattern, I changed some classes with css. In the local version it…
-
1
votes1
answer90
viewsjQuery Mobile: page Events
I can’t quite understand the hierarchy of page Events jQuery Mobile. How do I assemble all the content of an HTML page (and its modifications) and just present it to the user end when the page is…
-
1
votes1
answer1397
viewsHow do I use Template Inheritance to inherit Style Sheets (css) in my Django project?
I have a base.html template and another library.html template that is inheriting base! I managed to inherit most of the base.html, but when I try to add another link tag in the Style block Django…
-
1
votes1
answer3322
viewsCenter vertically icone (img) followed by text in a row
I want to put in a line an icon, 25x25px (which will also be a link) and a text and both have to be centered vertically, for this I tried this html: <p> <a…
-
1
votes1
answer1174
viewsButton that expands in Hover with CSS Transition
I’m trying to make a button, that in the hover it expands and shows the rest of the button. Here is an example of what I want to do (the button is a simple <h2>): h2:before { content:…
-
1
votes1
answer873
viewsChange font size using @Html.Label
How do I assign a font size and colors using @Html.Label? I know if I use htmlAttributes I can use: @class = ... i get via css. But I wish I could do it without using CSS. It’s like?…
-
1
votes1
answer4028
viewsHow to include Bootstrap source files (Glyphicons) in Rails?
In my Rails applications I usually include Bootstrap manually in the folders: app/assets/stylesheets/lib (CSS) and app/assets/javascripts/lib (Javascript) Everything works perfectly with the…
-
1
votes3
answers146
viewsHandle single while record
Considering that I am developing a small ranking of simple classification (photo), I need a solution to take the first 3 records of select and apply an individual formatting to them, the others…
-
1
votes3
answers1020
viewsGood practices with bootstrap grid system
It would be good practice to declare grids within grids using twitter bootstrap and this can affect code responsiveness? Example: <div class="container"> <div class="row clearfix">…
-
1
votes0
answers33
viewsProblem with web fonts in multiple browsers
I’m using the font Open Sans of google and the font Awesome, but the results are different in some browsers, only getting "perfect" in firefox, ex: How can I fix this?…
-
1
votes1
answer1273
viewsHow to display a sequence of images from a single link?
Usually when using image gallery plugins (Lightbox, Fancybox, etc.), we load the image A from Thumb A, the image B from Thumb B and so on. When we set a relationship (rel="x"), we were able to…
-
1
votes1
answer206
viewsAlign to center div with variable size
Hi, I have a div dad I’ve set up with min-width:800px and max-width:1400px, how do I make this div always align to the center?
-
1
votes1
answer461
viewsUsing javascript to create effect
Good people want to add an effect to a div. I’m currently using Hover of css to animate this div, but as everyone knows Hover is activated when the mouse goes over, I wanted to know how I can…
-
1
votes2
answers97
viewsSmall font - Phonegap
I can’t get the font to look good in Phonegap, I’ve tried %, px, in and nothing solves. The source code is: .header-page p { text-align: center; color: red; /* font-size: 22px;*/ font-size: 100%;…
-
1
votes2
answers952
viewsResizing DIV’s with Jquery
Good guys, I have a div of id 'cont', this div 'cont' has 300px height and inside div 'cont' there are 3 other div of same class called 'box' where each div has 100px height, inside each div 'box'…
-
1
votes2
answers5787
viewsHow to take CSS values from one element and apply to other elements. Stick Footer
I’m using the solution Ryan Fait’s Stick Footer, but wanted to make it more dynamic using Javascript, allowing the footer height to automatically calculate the other values of the CSS properties of…
-
1
votes2
answers1970
viewsHow to control Youtube video borders
How to soak a Youtube video without leaving this black embroidery on the sides. I’d like to leave it 100% wide but at a certain height someone could help me?…
-
1
votes1
answer98
viewsVertical wrap instead of horizontal
When the contents of a series of HTML elements with inline display does not fit in a container fixed size, the normal is that the content is broken as text. That is, from left to right. Something…
-
1
votes1
answer7206
viewsAdjusting the site to any screen
Good guys, I’m trying to learn better about the resizing of the site applied to any screen. I’ve read some tutorials on the internet and I can’t do everything right, because here in my test I apply…
-
1
votes2
answers1725
viewsWindow Modal Frame Overlay
My scenario is the following, I have 3 frames top (100px) content( * ) and footer (20px) I would like to open a modal window (the link is the top frame)where the mask was above the 3 frames( in the…