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
-
3
votes2
answers129
viewsDefine css with php according to the browser
This morning I did this question. What I need to know is how can I do something like this: Check whether or not the browser is Safari. If it is, section#internal.services aside ul li a should…
-
3
votes2
answers1253
viewsLayout with diagonal div and responsive
I need to create a layout and make Divs diagonally and responsive (100%), as in the example below: The contents inside have to stay horizontal Any ideas? Suggestion? Jsfiddle for editing…
-
3
votes2
answers1067
viewsDraw image using css
I wonder if you could draw the image below using css only? I’d like to create a button like this…
-
3
votes1
answer500
viewsFluid/responsive layout at least 940px and at most 1170px with bootstrap
I’m a beginner with Bootstrap and responsive layouts and found a small obstacle in developing a responsive layout using Bootstrap. In the layout of the site, the content was created to be displayed…
-
3
votes1
answer2282
viewsHow to remove the image border?
I have this image: 1) 2) which is being used with icon for a <input>: ' <input type="button" class=" button_add" />' With CSS I added it to a li: input.button_add { float: right; height:…
-
3
votes1
answer1084
viewsBootstrap - Trying to centralize a Nav (not navbar)
I’m having a big problem trying to center a Nav on a grid. The fiddle is here, and I wanted that when the space ran out and the "cells" piled, the Nav would be centered like the wordpress paragraph.…
-
3
votes2
answers180
viewsProblem in fixed layout creation
Guys, I’m having trouble creating a layout fixed that only adapts to the height or width of the screen, whether mobile or desktop. But it is not a responsive site, it is a normal site for desktop,…
-
3
votes1
answer217
viewsHow to put Transition in Form Option
I’m having a little trouble applying an effect on an Option, I have a form where you have Name, Email, Phone, Themes. In where is Themes he has a Children’s Decorations option, when selecting…
-
3
votes4
answers21716
views"Height: 100%" does not occupy all height
There is no way the side in red is 100% so both have the same size, how to solve? <div> <div style=" min-width: 180px; width: 20%; height: 100%; background-color: red; float: left;…
-
3
votes2
answers118
viewsWebsite, mobile version
I have a website developed in flash that do not have mobile version, I developed a mobile version in Html5, I wanted every time index.html was loaded on a mobile device this mobile version to open,…
-
3
votes1
answer712
viewsupdate page content automatically
How can I display in the browser changes made to the stylesheet without using the meta tag refresh? This is only possible using javascript?
cssasked 9 years, 2 months ago Munir Baarini 673 -
3
votes1
answer194
viewsGet only declared CSS styles for an element
I’m wanting/needing to make a CSS converter for styles inline using only and exclusively technologies client-side. Researching until I found something, in case is library (jquery.inlineStyler) and…
-
3
votes2
answers733
viewsHow to call two animations in an element that uses ":Hover"?
I have the following code: body { margin: 0; padding: 0; background: #885053; } #hide { width: 100%; height: 0px; background: #fe5f55; margin: 0 auto; -webkit-animation: hideSlideDown 0.5s forwards;…
-
3
votes2
answers60
viewsNavigation problem using Button in Bootstrap
I created a JSF project and I’m using Bootstrap, and I’m trying to implement buttons in my project and I’m not being able to navigate them, see below; thus work; <li ><a…
-
3
votes2
answers3930
viewsFather Height Element and Sons Position Absolute Elements
I have a div - position:relative. And inside that div I have several divs- position:absolute. Thus the height of div parent does not work automatically. I want the height automatically adjust to the…
-
3
votes1
answer454
viewsUse javascript to get CSS rules from an external stylesheet
I’m getting the style sheet rules for this situation addressed in this question. But if you use internal CSS (with tag <style>) I correctly get the declared styles, as you can see in the…
-
3
votes1
answer95
viewscss matrix3d, drag the element while maintaining distortion
I’ve been playing with css Matrix3d in this code: http://jsfiddle.net/88Lv8kfp Now I wanted a stitch in the middle to drag the element keeping the distortion, but I don’t know how to do. So far, the…
-
3
votes1
answer6096
viewsDecrease fixed menu as you scroll the page
I want to know how to decrease the menu size when there is scroll. This is my menu: header { position: fixed; width: 100%; box-shadow: 0 4px 20px -4px #ababab; background: rgba(249, 249, 249, .8);…
-
3
votes2
answers637
viewsProblem with table width
Good staff, I have a table like this: The "thead" part where it says Dorsal,Name... etc is a table(Tabela1) and the rest is another table(table2), basically are two tables that I tried to make them…
-
3
votes1
answer84
viewsSite with horizontal navigation
I need to do a photo gallery on my website. This gallery will be in the Metroui style, with images of different sizes and the page sliding horizontally. The page would grow as the number of images…
-
3
votes1
answer871
viewsCan you make a HEAT MAP in an image?
I’m using the blueprint of a house, inside the parts of the house, have sensors. I want to make a heat map, mapping the places where most sensors fire, but I don’t know where to start. I’m trying to…
-
3
votes2
answers155
viewsHow to do this effect with CSS
I need to do those corners on div footnote. I tried to scheme the triangles using pseudo-element, but I couldn’t. border-top: 30px solid @Laranja; border-right: 30px transparent @Laranja;…
cssasked 9 years, 1 month ago Diego Souza 16,524 -
3
votes1
answer273
viewsMouseover effect td with jquery or css
How to do for when I pass the mouse on top of mine td, show the edit icon on it? Note: My code does not work: jQuery Event: $(".editableSpan").mouseover(function(){ $("#tdEditable").append("<span…
-
3
votes2
answers364
viewsslideToggle hides multiple Ivs when it should hide/display only one at a time
I have several records in PHP, and when clicking one link "More information" opens a <div> hidden, but when clicking on this link opens the <div> hidden from all records. My Javascript…
-
3
votes1
answer1156
viewsHow to know which CSS is being used by a page?
By the inspector of google-Chrome it is possible to know which CSS's nay are being used, as shown in the image below: The question is: How to know which CSS is being used by a given page?…
-
3
votes2
answers4294
viewsLine break of select options that contains a very long value
It is possible to break the line of a option very extensive? ex: <select> <option>texto muito extensp<br/>restante do texto</option> </select>…
-
3
votes1
answer1444
viewsAdd CSS to specific page via JS
I’m currently using Blogger, and I want to add css styles to just one specific page. I used a while ago a standard code from the blogger himself that allowed this (), but it doesn’t work anymore. So…
-
3
votes2
answers257
viewsWorking with REDIPS drag-drop
I’m working with a library called REDIPS that makes it possible to create a customizable and simple drag-drop effect.... I am trying to create a function that causes the element being moved to be…
-
3
votes0
answers1376
viewsWheel of Life Chart
I am looking for a tutorial, plug in Jquery or code for a graphic in the format "Wheel of Life", as in the image below. There will be no animation, but the data will be dynamic, coming from a…
-
3
votes1
answer160
viewsHow to Transition in Hover
I’m making an effect for MENU using CSS and jQuery. Problem The transition works from the element to itself with action hover. Otherwise it doesn’t work. The CSS below does the following: There is a…
-
3
votes2
answers244
viewsCustomize css link as per url
I’ve seen somewhere that has how to apply a certain css to a "to" if you have a certain text in the link, but can no longer find. For example, I have the following links in my html <a…
cssasked 9 years ago Pedro Camara Junior 6,637 -
3
votes2
answers497
viewsHow to make stylized mega menu in Wordpress?
I need to make a mega menu similar to the product menu of this site: http://www.bmcsoftware.com.br/ I use Wordpress on the site I am working at the moment, I do not know if there is plugin for this,…
-
3
votes1
answer74
viewsDoubt in the image gallery
I want to do this kind of effect in my image gallery, when I hover over some image, it simply highlights the image and the others darken. Follows the model: Model. If possible wanted via CSS.…
-
3
votes3
answers75169
viewsCentralize Divs - Bootstrap
Well, I divided the content part into two Ivs, col-Md-6, only they’re not centered in relation to the site, even though they’re in the center, they’re on the left side, leaving the right side a…
-
3
votes2
answers1432
views -
3
votes1
answer289
viewsThe difference between cursor: no-drop and not-allowed in CSS
I would like to know the difference between the values no-drop and not-allowed of property cursor of CSS. span{ font-size: 30px; } .not-allowed{ cursor: not-allowed; } .no-drop{ cursor: no-drop; }…
-
3
votes2
answers1109
viewsChange the Label color of a chart in Primefaces
I have a chart and the labels which are on the x-axis are with a very dark color and I would like to change this color, I have tried to change the color property of the graph but only the title…
-
3
votes1
answer572
viewsHow to use two css files in an html
How can I use two CSS files in an HTML file, but one of the CSS files is only used in one div. I have a CSS file to style the page, but I needed another CSS file to style a div in the middle of the…
-
3
votes3
answers381
viewsChrome [v44] - Bug in tables inside a div with overflow
In the new version of Chrome (version 44) the tables are not behaving in the same way as the other versions of it behaved. Expected: Upshot: When resizing the screen, the browser calculates the…
-
3
votes1
answer5543
viewsSVG does not adjust size
I don’t have much experience with SVG, and I find very confusing the way to work with these images, I need to leave this image with the size of 35x35 px. I exported the code in the Illustrator of a…
-
3
votes1
answer49
viewsPrepocessor (Less) - Variable @Arguments
Assuming I have the following mixin with following arguments: .font-style(@size: 1.2em, @style: 100, @leading:1.4em, @color: #efefed) Now I want to play this mixin passing the arguments I define to…
-
3
votes2
answers1433
viewsSwitch colors in table with PHP
I have a code that displays a table in the ID's registered, and to decorate, the code makes it display 1 in 1 alternating colors between white and gray. COLOR -> White COLOR -> Grey COLOR…
-
3
votes4
answers16240
viewsHTML -Spacing between tds
Is there any way to give spacing between <td> as in the figure below? NOTE: With spacing only on the right of the <td>.…
-
3
votes1
answer796
viewsConvert Javascript code to HTML?
I made a banner on the bannersnack site to be used on Mercadolivre, the site of the option to download the banner in GIF, PNG, JPG and HTML5 and provides the code in Javascript as well. The right…
-
3
votes1
answer1064
viewseffect :Hover and :active for image
As you can see in the code below, I have 3 links with an image in each of them, which direct to a iframe below. These images are in grayscale, but when you mouse over them they are colored thanks to…
-
3
votes4
answers4452
viewsNavbar Collapse does not work!
Follow the code for analysis: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html…
-
3
votes1
answer543
viewsClickable 3D globe
I’m thinking about doing a project using a 3D globe with the possibility to click on countries, but I don’t know where to start. I’ve been doing some research and so far I’ve found this:…
-
3
votes1
answer1764
viewsClick on a link go to another page and show the desired id
Well, I need to make sure that when clicking a link from one page go to another and only show the content of the id indicated on the first page, can you do this? I’ve searched a lot of places and I…
-
3
votes1
answer251
viewsHeader Fixed CSS - Transform Translate X
I’m trying to get the header from the mobile site stay fixed onscreen. However, I have a button on this header that opens the MENU to the right of the site, using the transform: translateX(-15%)…
cssasked 9 years, 3 months ago Diego Souza 16,524 -
3
votes1
answer4599
viewsPut a div behind the other
There’s no way I can make this work. I’m using "Animate.css" to make the animations of the elements appear, but when an element is going up, at the bottom of the page for example, all the content of…