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
-
7
votes1
answer676
viewsHow to make a marble background with CSS?
I was wanting to do a dotted bottom, like a bunch of balls to make the background of a website, Example of what I’m trying to do. You can get to this result with CSS only without needing an image? I…
-
7
votes1
answer1065
viewsIs it possible to use Input Value as the CSS selector?
Look at the examples below. I’m trying to style my CSS through value that he has, but it’s not working. I’ve put together three examples, one for input has the [value="red"] it should stick with a…
-
7
votes2
answers1406
viewsDifference in font-Weight Bold/Bolder application
I would like to know the difference in the use of CSS properties font-Weight:Bold and font-Weight:Bolder, because applying these properties I can not see difference between one and the other so as…
-
7
votes2
answers232
viewsAbaloada shape with CSS how to do? How to make a Shape in this kind of aredondado format?
I would like to make an element half round, it is not an ellipse, nor a circle, nor an element with border-radius. It’s a kind of rounded shape as you can see in the image below and I couldn’t do it…
-
7
votes1
answer487
viewsWith CSS is it possible to make a hollow circle in an image?
I wanted to put a "leaked" area on the image, so that the image has an empty area and I can see the background that is behind that image. Example. I managed to get here, but I can’t place the image…
-
7
votes1
answer318
viewsIs it possible to make CSS an infinity symbol with one circle passing through another?
I’m trying to make this way. Notice how one circle seems to pass inside the other... However I am not able to make an element "go through the other" with CSS, is it possible to arrive in this form…
-
7
votes1
answer103
viewsHow can I define line breaks between elements of a layout?
I’m adding CSS and HTML and one of the doubts that always arise to me is in the way I should define the line break between elements of a layout. For example: <p>Nome</p> <input…
-
7
votes2
answers80
viewsWhy does image transparency on the Firefox Button not work?
I have this code that is nothing more than an image with opacity inside a button. Chrome works normally, but Firefox is bugged, as you can see. Follow the code for the image above: button { padding:…
-
7
votes2
answers506
viewsWith making CSS a Carbon Fiber type background? Is it possible to make carbon fiber style background with CSS?
I’d like to create a patter to my background in order to simulate the texture of carbon fiber. Like this image, or something close to it. What I have so far is this... It doesn’t have to be exactly…
-
7
votes4
answers349
viewsHow to make an element cross the screen continuously and always visible?
I have a CSS animation of an element that crosses the entire screen, from right to left, continuously infinitely: #slider{ position: absolute; top: 50px; right: 0; background: red; width: 150px;…
-
7
votes3
answers547
viewsWhy does the "text-align: center" property work in image?
I don’t understand why text-align: center is centering the image because this property is not used to center text? because it centralizes the image too? I created an example. @charset "utf-8";…
-
7
votes3
answers85
views -
7
votes0
answers56
viewsWhy is the color GREY darker than DARKGREY?
When we use keywords to define a CSS property, we can choose colors by name. What often irritates me is that the color Grey/Gray is noticeably darker than the color Darkgrey/darkgray, which makes no…
cssasked 3 years, 9 months ago Felipe Carriel 182 -
6
votes6
answers2089
viewsHow to change the bottom lines of a table alternately? With support for older browsers
My table is created with a PHP loop. I do this by PHP even adding a condition or has some better shape? if ($nomSenha == 'xxxxxxxx') { echo '<table class="pesquisaClientes">'; echo…
-
6
votes2
answers750
viewsStretched image in Internet Explorer
On a page I’m developing, a web page where I have an image that fits itself according to the field space. to do this, I used the property max-width:100% that is advised on the web to make this kind…
-
6
votes3
answers490
viewsScroll bar not hidden in Internet Explorer
I’m creating a site where I use various elements div page size, and links in the top menu that directs to these div, making a page scrolling effect every click. My problem is that in Internet…
-
6
votes3
answers946
viewsRun function for each class you find
I’m creating a mural of images inside thumbnails adjusting them automatically, where I use the calculation below: if($('.thumb img').width()<$('.thumb img').height()){//portrait $('.thumb…
-
6
votes7
answers19609
viewsHow to catch an element inside an iframe?
Why doesn’t it work .contents()? How to catch an element inside an iframe as in the jQuery API example <!doctype html> <html lang="en"> <head> <meta charset="utf-8">…
-
6
votes2
answers2482
viewsI can’t define margin-top/bottom/right for block element, why?
I have an element <p> within a <div>, thus: HTML <div> <p>texto</p> </div> CSS div { width: 30px; height:30px; background-color: green; } p { width: 30px;…
-
6
votes2
answers2434
viewsHow do I get the position of an element that uses the Transform CSS property?
Imagine I have a popup that’s centered on transform:translateX(-50%) translateY(-50%) (if you have doubt about this solution, you can see more about it here, adapted of these answers). So far so…
-
6
votes3
answers691
viewsHow to leave Facebook comment plugin with 100% width?
Is there any possibility to leave the facebook plugin with 100 width%? I think his default is 550px wide.
-
6
votes2
answers1731
viewsHow to make a fixed and retractable footer similar to the Economy page of the Earth portal?
I have the idea of building a fixed footer on the page similar to that of the portal Earth Economy. Such functionality will allow me to expose a chat in this space. I like the Earth solution because…
-
6
votes1
answer517
viewsz-index of an element without a closed position
It is possible to know the z-index of an empty element using javascript? For example in this code: CSS #exemplo1 { z-index:4; } #exemplo2 { z-index:4; position: relative; } HTML <div…
-
6
votes3
answers694
viewsScale div as image
I’m making a list of items, but this has some challenges: Responsive; Title may have more than one line; Sometimes I need to show an icon with a background color instead of the full image. Here is a…
-
6
votes2
answers1559
viewsImage distortion with CSS?
I am in a project where the responsible designer gave me the following layout to pass to HTML + CSS: Can anyone tell me if there’s a way to do this with CSS3? I initially thought of a box-shadow,…
-
6
votes3
answers4918
viewsCreate table html and zebrar the same
I wonder, how do I zebrar an HTML table? It has only two columns and information is populated dynamically from the controller and BD.
-
6
votes2
answers277
viewsProblem with Animate.css in fonts in Safari
I’m having problems with font rendering that have effects from the Animate.css plugin And that only happens on Safari. Website link. As an example, the first three links of the menu are without any…
-
6
votes3
answers13356
viewsHow to fix the position of an element inside a div with scroll( With css )
It is possible to fix an element( div, img, p ) in a div with scroll and with position:relative and using only css? *Currently reposition the div using the function $('elemento').scroll() and…
-
6
votes3
answers977
viewsHow to make Divs with same height and 100% height
I need the three Ivs I have to be the same height, and in case the height isn’t 100%, turn 100%. Example: I have 3 Ivs <div class="menuEsquerdo"></div> <div…
-
6
votes2
answers25999
viewsHow to position one div under another with varying sizes?
I have the following situation: I search the database results and display them this way <div style='background-color:#fff;width:260px; margin-left:5px;margin-top:5px;float:left;'> texto…
-
6
votes3
answers42780
viewsHow to change date format in bootstrap from mm/dd/yyyy to dd/mm/yyyy
That’s the mistake you’re making: Uncaught Typeerror: Cannot set Property 'en-BR' of Undefined Insert some links to format the date, according to what I took on the net and even then the date is…
-
6
votes1
answer10227
viewsFont size, px or pt?
I receive the layout in PSD, export as I need. And I do font-face when necessary. The Photoshop I have, shows the measurement of the sources in pt, I always applied px in CSS. I was reading that,…
cssasked 10 years, 4 months ago Felipe Viero Goulart 3,693 -
6
votes4
answers6579
viewsResize image
Well my system has an area where the user registers information about the site. So register images. The system does not restrict image size. Then on the site are presented the images. However there…
-
6
votes2
answers532
viewsHow to use CSS style in application?
I created a app for Android using the App Framework from Intel and built with Phonegap. He has the visual style of framework, but when I run it on Android device, it uses the native appearance, that…
-
6
votes1
answer99
viewsIs there any way to Feature Detection for CSS?
I know the technique of Feature Detection ("functionality discovery") - as well as Feature inference - when it comes to Javascript: if ( window.XMLHttpRequest ) { ... } But can you do this for CSS…
-
6
votes2
answers1334
viewsHow to automatically scroll to the top when viewing the page footer?
I’m making a site, which has some animations, and when arriving at the bottom of the site for the first time, should trigger an event where the page goes back to the top, but in the following times…
-
6
votes1
answer1063
viewsHow do I make a checkbox table (Access Level Table) responsive?
I don’t know if anyone has ever come across this type of structure. But here’s the thing, I need to leave this image table below responsive. Has anyone seen anything, knows how, or has any idea how…
-
6
votes2
answers71487
viewsApply opacity only in background
I have a div and text written inside her. .topoMenuSegmentos { width: 470px; height: 190px; background-color: #0a1737; display: block; margin-top: -2px; } I want to apply a opacity:0.8, what happens…
cssasked 10 years ago Felipe Viero Goulart 3,693 -
6
votes1
answer1438
viewsHow to make an image "loose" inside a div
I need to leave a "loose" image inside a div on my mobile site. A div has fixed dimensions but the image is much larger, so it would have to be something similar to iframe, however, without scroll…
-
6
votes1
answer708
viewsconfigure "search Cancel" button position in input type=search in Safari 7
I have a input[type=search] with padding. How I want to have the same style in different browsers I used -webkit-appearance: none; but in Safari 7 (Vericks at least) the reset/reset button of the…
-
6
votes1
answer196
viewsWhether or not to "div" in the CSS
Should I or should I not inform the div in the CSS? Example: .teste {blablabla} div.teste {blablabla} HTML: <div class="teste">teste</div> I never inform, only that I was seeing the code…
cssasked 9 years, 11 months ago Felipe Viero Goulart 3,693 -
6
votes1
answer1330
viewsScroll DIV content without leaving the DIV
Hello, I have a problem, I would like my DIV of the right corner to follow the content of the left until the content of the left is finished, only if I put position Fixed in the DIV of the right it…
-
6
votes4
answers1452
viewsIs there an event that captures mundanes the size of an HTML element?
I wonder if there is an event that captures changes in the size of an HTML element. For example, a div with 5000px height 4800px and the onresize() javascript does not fire. Is there an event that…
-
6
votes2
answers1259
views"Floating" sidebar inside an element when scrolling
I have a layout Bootstrap with a right sidebar and I need this "turn" (up/down) when doing scroll, but not above the header and footer. just "float" inside the div[role=main] My layout: My code:…
-
6
votes4
answers1483
viewsRelease link after completing form
I’m a beginner in Javascript/jQuery and I’m wondering how to release a link right after all inputs are filled, otherwise it stays locked: Follows HTML: <form id="formulario">…
-
6
votes1
answer834
viewsProblem with clickable area of links in a diagonal layout
I have the following problem: I have a ul and in each li there is a link with display block and defined height and width. I called the three links from #a1, #a2 and #a3 (in fact, the styles are…
-
6
votes3
answers3850
viewsElements with Css cut corners
I need to make elements with cut corners, like these squares. How can I do ?
-
6
votes1
answer315
viewsHow to adjust navigation arrows
I need to adjust navigation arrows of a page I have, but all the changes I make I can’t get it right, I need to initially make them bigger and set the size as 36px for 34px, the size was correct,…
cssasked 9 years, 10 months ago adventistapr 5,498 -
6
votes3
answers3224
viewsHow big is the line break?
Hi, I was wondering if there is a default size for line breaking in HTML (<br>), whether it depends on the size of the font being used and how to change it.
-
6
votes3
answers1436
viewsInformation when Hovering Mouse in Photo
Does anyone know how to put a description in the photo, with a black half-transparent background? As with many blogs, one example is rihanna’s website. Something like a Timeline or a blog with…