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
answer166
viewsCarousel content harms SEO? Is the hidden Carousel content indexed?
I have a question about Carrousel and how its content is indexed or not by crawlers search. First, I believe that most Carousels are not so friendly from the point of view of Accessibility. This…
-
5
votes2
answers196
viewsHow to Optimize/Simplify CSS
I created a photo album using a list and customizing with CSS, but when I see the CSS became huge, I don’t think I know how to make my code more functional, someone can give me tips? @charset…
cssasked 5 years, 9 months ago Filipe Petter 61 -
5
votes2
answers504
viewsPop up an icon in the middle of my image by hovering the mouse
I am trying to bring up a zoom icon on top of an image while passing the mouse over it (The screen has several images, the icon should appear only in the image that the user passed the mouse) I…
-
5
votes2
answers298
viewsHow to overlay flex items during a CSS Hover?
I have a form you received display: flex, and inside it is 3 inputs: a name, a password and a button, plus a h1 written 'login'. When I pass the mouse over the elements, the height and the width…
-
5
votes3
answers1025
viewsDropdown with click
I created an HTML and CSS from a menu but I can’t create Dropdown with click, only when you hover your mouse the menu collects or expands and I would like to do it with one click. Thanks in advance…
-
5
votes1
answer268
viewsHow to make filter Blur pick up the whole element. Prevent Blur from ending before the end of the element background
I have a div who is with filter:blur(), but I noticed that the blur means it is inside the element. What I mean is that when you reach the box-model boundary the image of background begins to…
-
5
votes1
answer947
viewsWhat is the effect that the overflow property: Hidden is doing on the code?
I have this very simple code down there. Only the problem is that if I take the property overflow of the code simply, add the background color and putting it again it appears because this is…
-
5
votes1
answer235
viewsHow to switch a CSS style sheet and maintain its state in Web Storage?
I need to change a whole sheet of CSS style, I’ve done both, one, the main and the other with accessibility (high contrast, larger letters etc.) <link rel="stylesheet" type="text/css"…
-
5
votes2
answers76
viewsInsert a background inside a triangle in the corner of a div
I’m developing an angle portfolio, but I have a question about SCSS. I was interested in creating something that I don’t usually see much in portfolios, insert the portfolio background only in the…
-
5
votes1
answer753
viewsWith CSS is it possible to make a triangle with curved edges?
My intention is to get into this form. Only with CSS without SVG. Does anyone have a solution to this? The code I have so far is this. #tri { width: 0; height: 0; border-top: 0px solid transparent;…
-
5
votes1
answer125
viewsFormatting Titles in Table of Contents Rmarkdown (R)
That’s my code in Rmarkdown: --- title: "Formatando Table of Contents" author: "Laura" date: "`r Sys.Date()`" output: pagedown::html_paged: toc: true toc_depth: 3 self_contained: false --- #…
-
5
votes0
answers90
viewsWhat is the Utility-first standard in CSS?
In CSS, there are patterns like WELL for the organisation of the nomenclature of the HSC classes. Recently, with the rise of libraries like the Tailwind CSS, I realized the existence of a new* CSS…
-
5
votes0
answers62
viewsIs there any way to specify scroll-behavior runtime: Smooth?
The estate scroll-behavior: smooth allows you to change the behavior of the scroll to be smoother. Example: #scroll{ overflow: auto; height: 600px; width: 100%; scroll-behavior: smooth } #a, #b {…
cssasked 3 years, 8 months ago Wallace Maxters 102,340 -
5
votes2
answers78
viewsLine Break inside the P tag does not work
I am making an animation in Javascript so that the text has the effect of being typed. I am using a single tag <p> for text, and Gostaria that broke the line in the tags <br>, but they…
-
4
votes4
answers1488
viewsHow to close a dropdown if the user clicks another page location?
What is the best method to hide a div, that is fulfilling the role of dropdown, when the user clicks on another page location? At first, I value solutions cross-browser and without the use of…
-
4
votes1
answer265
viewsHow do I calculate the size of the tag source in a tag cloud?
I have a cloud of tags and want to change the font size of each tag as you use them. I need to have a minimum size and a maximum size. What would be the formula to calculate tag size?…
-
4
votes1
answer523
viewsApply CSS property "content" without resorting to style sheet
I have a web-site that is available in several languages, and not having to redo the whole structure of an image slider, there is a small text that is currently being applied through the selector…
-
4
votes2
answers180
viewsIs there a plugin or CSS code generator for Shapes(Shapes)?
I wonder if there is a method of creating Shapes(Shapes) using CSS, which I don’t need to keep creating and adjusting everything in hand from scratch, until I can create the form I want. Is there…
cssasked 10 years, 9 months ago Paulo Roberto Rosa 8,979 -
4
votes1
answer99
viewsHow to use "display: initial;" on IE9?
I made a website, but it gave error in IE9. The effect I made is only cool with display: initial; (because it fits right in the letters). The class code is as follows:: .box-slider h2 { font-size:…
-
4
votes3
answers1686
viewsHow do I fix the background of a <div> in iOS Safari (iPad)?
I have a layout that works very well on the desktop, but when viewing in iOS Safari (iPad specifically) it does not appear as expected. I want the div background to stay fixed when scrolling the…
-
4
votes4
answers51666
viewsResponsive font-size depending on screen size
Can anyone explain/teach me how to make my text increase or decrease along with the screen dimension? I read a little about REM, but I didn’t quite understand. I don’t even know if that applies to…
-
4
votes3
answers3345
viewsDiv with height 100%
I need to leave one div with height: 100% of content and below it still stand the footer, but, for example, when you have no content to complete the entire screen, the footer appears at the end of…
-
4
votes1
answer277
viewsCSS incompatibility with jquery blockUI in IE 8
I’m using jquery 1.11.0 along with the plugin jquery-blockui 2.66.0 and when locking the screen, the div white background on IE 8 and earlier. Follow the images: The call to blockUI: $.blockUI({…
jquery css internet-explorer internet-explorer-8 jquery-blockuiasked 10 years, 9 months ago Guilherme Vianna 491 -
4
votes3
answers8971
viewsGo to the next element with next and add a class to the previous one
I’m trying to make sure that by clicking on the "next" link, one of my lists is revealed and the previous one is hidden, using a class that has display: none;, tried with .next() of jQuery but there…
-
4
votes1
answer252
viewsHow to use fadein() with an append()?
How to add fadein() effect, along with an append(). EXAMPLE
-
4
votes4
answers1768
viewsCreate infinite menu with PHP+CSS+JS
I have a menu (vertical) that works as acordion, this in turn, need to open the "children" limitlessly (my problem to be solved, and can not), since it will be a menu for a store. As follows:…
-
4
votes1
answer1070
viewsFirefox and Internet Explorer iframe problems
I have a problem with Firefox and Internet Explorer when using a iframe to upload files to the same page. Chrome works perfectly, but in Firefox and Internet Explorer, when I click link the iframe…
-
4
votes1
answer136
viewsVestige of mouse click
I need a script, that on an entire page where a click appears a ball in the place where it was clicked, but that after a couple of seconds disappeared. It doesn’t need to be ripples, just something…
-
4
votes3
answers2600
viewsAlign text within <select> in Firefox
I’m trying to line up the text inside a <select> but it is only aligned (by default) using Chrome and IE11 browsers (amazingly enough), only in FF(v27.0.1) that the text is at the top. I’ve…
-
4
votes4
answers1101
viewsHow to check with javascript/jquery which object(s) is(is) triggering a scroll bar on the page?
I would like to build a verification script, because it is often difficult to find why the page is scrolling, especially when we use some responsive framework that has a lot of css code and a lot of…
-
4
votes5
answers8743
viewsCenter a form vertically
I have the following screen and I can’t vertically center this form below on the screen. I define how position: absolute; and I add the top:20% and does not move! Follows my html: <header>…
-
4
votes3
answers3627
viewsHow to Lock a Responsive Page in Portrait(Picture)?
Is there any solution to display the web page always in Portrait(portrait) on mobile devices, even if the user turns to Landscape(landscape) mode? That is, always leave locked in Portrait.
-
4
votes1
answer336
viewsWidth of element with position: Absolute (box-Sizing: border-box)
Important: I’m using Twitter Bootstrap, so everything is with box-sizing: border-box. The difficulty is this: I have an element with absolute positioning. I want its width to be equal to that of the…
-
4
votes2
answers4403
viewsMargin breaking layout in Bootstrap
I’m trying to make a Row with nested Rows but with a spacing between them, without the spacing the layout gets beauty, but when adding the margin the layout breaks! What I’m trying to do: The result…
-
4
votes2
answers9582
viewsPosition of blocks in Bootstrap
Hello, I’m trying to make a template in bootstrap (due to its responsiveness) but I’m stuck in a situation that I can’t find output without using javascript (which would be bad in my case). I need…
-
4
votes5
answers1944
viewsPHP MVC - Adding CSS, Images etc
Hello, in my application I am having problems when I will add a css file, image or any other file that is frontend, because when I will include I need to set the whole directory of the same, for…
-
4
votes1
answer487
viewsHow to make div s colapsáveis open without the buttons of the other div s descend?
I’m making a portfolio gallery, based on Bootstrap so it’s responsive. So I have a set of thumbnails that will match a work that should be aligned: By clicking on them open a collapsible DIV. I…
-
4
votes1
answer2712
viewsMedia Queries does not work
I am developing a Wordpress site that needs to be responsive and for that I am using media queries: <head> ... <link rel="stylesheet" href="css/style.css"/> <link rel="stylesheet"…
-
4
votes1
answer429
viewsInappropriate behavior when stretching image
I have the following html code: <figure> <div id="test"> <a href="#"> <img class="wideStretch" src="caminhodaimagem/img1.jpg" alt="Img 1" /> </a> </div>…
-
4
votes3
answers5051
viewsInclude link in a container
I have a container in my code and I need it to be clickable, with href, let’s assume that by clicking it directs to "Google.com". How can I do this? <div class="project-2 v-center">…
-
4
votes2
answers275
viewsDar height and overflow-y in a div
I’m trying to give height and overflow-y in a div to limit the size of the div and add a scroll. Something like this: I’m uploading a list of data from the BD (I’m working on ASP MVC) to the div,…
-
4
votes2
answers156
viewsIs it possible to have more than one CSS rule for an "img" in a "div"?
How to apply two (or more) CSS rules to elements img from within a div? I use the Tinymce editor and when I send an image for posting or messages (pms) I have to set in a specific measure for each…
-
4
votes3
answers228
viewsHow to do repeating background with sprites?
I was creating a button with background: made with a sprite, but it gets all wrong, I want it to look like this: Only he’s all fucked up, like this: My CSS: .botao {…
-
4
votes1
answer213
viewsHow to increase the thickness of a text-shadow
It is possible to increase the thickness of a text-shadow ? Look at that one EXAMPLE in Jsfiddle Simply, it’s like I haven’t put one text-shadow, becomes invisible.…
cssasked 10 years, 6 months ago Alexandre Lopes 2,769 -
4
votes3
answers3201
viewsPutting favicon on multiple pages on the same site
There is the possibility of using a different favicon for each page of a website? For example, I have a site with ten pages, I want to put a different favicon on each of the pages.
-
4
votes2
answers32773
viewsSpacing between html paragraphs
At first I want to say that I am beginner in the area, I started to attend recently Information system and my question is to perform a work worth note. by using the tag: <p>primeiro…
-
4
votes1
answer830
viewsHow to access elements of an iframe from an external page?
I need to access an id inside an external page I’m rendering in an iframe on my site. That permission error is occurring. How to resolve this? This is the page link:…
-
4
votes1
answer1648
viewsHow to create a slide with two Divs?
I need to create a slide with two Ivs. I made one here only that is appearing a scroll bar below, look at the Jsfiddle. HTML <div class="carrousel"> <div class="item active" id="about">…
-
4
votes2
answers3776
viewsHow do you make an element invisible when the value is 0?
I am making a kind of "notification system" very simple in CSS. What I want is that when the number of notifications is (0) he stays with display:none;. I know a way I think it’s possible to do. Ex:…
cssasked 10 years, 5 months ago Alexandre Lopes 2,769 -
4
votes3
answers1709
viewsColor in css property not working in IOS Safari
I have a <div> tagged <p> containing a phone number. In CSS I have the property with color: #000. However, only in Safari, it is not working. The phone turns white. It’s like Safari is…