tagged [css]
How to display an unordered list in two columns?
How to display an unordered list in two columns? With the following HTML, what is the easiest method to display the list as two columns? Desired display: The solution needs to work with Internet Explo...
- Modified
- 16 Nov at 01:59
How to apply CSS page-break to print a table with lots of rows?
How to apply CSS page-break to print a table with lots of rows? I have a dynamic table in my web page that sometimes contains lots of rows. I know there are `page-break-before` and `page-break-after` ...
- Modified
- 28 Jul at 20:51
Using the last-child selector
Using the last-child selector My goal is to apply the CSS on the last `li`, but it doesn't do that. How can I select the last child?
- Modified
- 24 Feb at 19:59
Imitating a blink tag with CSS3 animations
Imitating a blink tag with CSS3 animations I really want to make a piece of text blink the old-school style without using javascript or text-decoration. No transitions, only *blink*, *blink*, *blink*!...
- Modified
- 19 May at 10:36
Apply style to only first level of td tags
Apply style to only first level of td tags Is there a way to apply a Class' style to only ONE level of td tags?
- Modified
- 8 May at 05:18
How can I center an absolutely positioned element in a div?
How can I center an absolutely positioned element in a div? I want to place a `div` (with `position:absolute;`) element in the center of the window. But I'm having problems doing so, because the . I t...
- Modified
- 25 Jul at 09:50
Is there a jQuery-like CSS/HTML selector that can be used in C#?
Is there a jQuery-like CSS/HTML selector that can be used in C#? I'm wondering if there's a jQuery-like css selector that can be used in C#. Currently, I'm parsing some html strings using regex and th...
- Modified
- 19 May at 16:57
CSS Progress Circle
CSS Progress Circle I have searched this website to find progress bars, but the ones I have been able to found show animated circles that go to the full 100%. I would like it to stop at certain percen...
- Modified
- 14 Jun at 04:5
How to specify table's height such that a vertical scroll bar appears?
How to specify table's height such that a vertical scroll bar appears? I have a table with many rows on my page. I would like to set table's height, say for 500px, such that if the height of the table...
- Modified
- 2 Jan at 22:50
How to style readonly attribute with CSS?
How to style readonly attribute with CSS? I'm currently using readonly="readonly" to disable fields. I'm now trying to style the attribute using CSS. I've tried using but it is not working for some re...
- Modified
- 8 Apr at 19:56
Sass and combined child selector
Sass and combined child selector I've just discovered Sass, and I've been so excited about it. In my website I implement a tree-like navigation menu, styled using the [child combinator](https://develo...
- Modified
- 17 Dec at 22:35
CSS rule to apply only if element has BOTH classes
CSS rule to apply only if element has BOTH classes Let's say we have this markup: Is there a way to select only the `` which has BOTH `abc` and `xyz` classes (the last one) AND override its inline wid...
- Modified
- 17 Sep at 00:53
CSS Child vs Descendant selectors
CSS Child vs Descendant selectors I am a bit confused between these 2 selectors. Does the selector: select all `p` within a `div` whether or not it's an immediate descedent? So if the `p` is inside an...
- Modified
- 12 Feb at 02:0
What CSS selector can be used to select the first div within another div
What CSS selector can be used to select the first div within another div I have something like: What is the css selector for the second div (1st div within the "content" div) such that I can set the f...
- Modified
- 8 Aug at 21:4
What is the difference between Normalize.css and Reset CSS?
What is the difference between Normalize.css and Reset CSS? I know what CSS Reset is, but recently I heard about this new thing called Normalize.css What is the difference between the [Normalize.css](...
- Modified
- 19 May at 02:39
Looping Animation of text color change using CSS3
Looping Animation of text color change using CSS3 I have text that I want to animate. Not on hover, for example but continually changing slowly from white to red and then back to white again. Here is ...
- Modified
- 25 Jan at 02:32
How to create a css rule for all elements except one class?
How to create a css rule for all elements except one class? I have created a CSS stylesheet for my project. Is there any way I can create a css rule that applies to all table elements EXCEPT table ele...
- Modified
- 17 Jul at 23:19
Float right and position absolute doesn't work together
Float right and position absolute doesn't work together I want a div to be always at the right of its parent div, so I use `float:right`. It works. But I also want it to not affect other content when ...
Using CSS :before and :after pseudo-elements with inline CSS?
Using CSS :before and :after pseudo-elements with inline CSS? I'm making an HTML email signature with inline CSS (i.e. CSS in `style` attributes), and I am curious as to whether it's possible to use t...
- Modified
- 4 Jan at 07:8
Changing CSS for last <li>
Changing CSS for last I am wondering if there is some way to change a CSS attribute for the last `li` in a list using CSS. I have looked into using `:last-child`, but this seems really buggy and I can...
- Modified
- 17 May at 14:11
How to use jQuery to wait for the end of CSS3 transitions?
How to use jQuery to wait for the end of CSS3 transitions? I'd like to fade out an element (transitioning its opacity to 0) and then when finished remove the element from the DOM. In jQuery this is st...
- Modified
- 6 Jan at 16:8
CSS Pseudo-classes with inline styles
CSS Pseudo-classes with inline styles Is it possible to have pseudo-classes using inline styles? --- Example: I know the above HTML won't work but is there something similar that will? P.S. I know I s...
- Modified
- 24 Feb at 19:32
How to select all checkboxes with jQuery?
How to select all checkboxes with jQuery? I need help with jQuery selectors. Say I have a markup as shown below: ```
- Modified
- 3 Jan at 10:0
What is the mouse down selector in CSS?
What is the mouse down selector in CSS? I have noticed that buttons and other elements have a default styling and behave in 3 steps: normal view, hover/focus view and mousedown/click view, in CSS I ca...
- Modified
- 23 May at 13:47
Can I target all <H> tags with a single selector?
Can I target all tags with a single selector? I'd like to target all h tags on a page. I know you can do it this way... but is there a more efficient way of doing this using advanced CSS selectors? e....
- Modified
- 5 Sep at 14:18
How can I define colors as variables in CSS?
How can I define colors as variables in CSS? I’m working on a CSS file that is quite long. I know that the client could ask for changes to the color scheme, and was wondering: is it possible to assign...
- Modified
- 23 Jul at 02:22
Play multiple CSS animations at the same time
Play multiple CSS animations at the same time How can I have two CSS animations playing ? - - - Example Code: ``` .image { position: absolute; top: 50%; left: 50%; width: 120px; height: 120p...
- Modified
- 18 Nov at 04:0
How to transition CSS display + opacity properties
How to transition CSS display + opacity properties I have got a problem with a CSS3 animation. This code only works if I remove the cha
- Modified
- 8 Mar at 17:47
Half circle with CSS (border, outline only)
Half circle with CSS (border, outline only) I'm trying to create a circle with CSS, which looks exactly like on the following picture: ![enter image description here](https://i.stack.imgur.com/Rt3yC.p...
- Modified
- 11 Oct at 07:51
How to create a collapsing tree table in html/css/js?
How to create a collapsing tree table in html/css/js? I have some data to display that is both tabular and hierarchical. I'd like to let the user be able to expand and collapse the nodes. Sort of like...
- Modified
- 13 May at 12:49
Equal height rows in CSS Grid Layout
Equal height rows in CSS Grid Layout I gather that this is impossible to achieve using Flexbox, as each row can only be the minimal height required to fit its elements, but can this be achieved using ...
- Modified
- 12 Jun at 18:32
How to make rectangular image appear circular with CSS
How to make rectangular image appear circular with CSS I've used `border-radius: 50%` or `border-radius: 999em`, but the problem is the same: with squared images there's no problem, but with rectangul...
- Modified
- 3 Dec at 11:46
How to Make A Chevron Arrow Using CSS?
How to Make A Chevron Arrow Using CSS? Ok, so everyone knows you can make a triangle using this: And that produces a solid, filled in triangle. But how would you make a hollow-type arrow-like triangle...
- Modified
- 30 Dec at 17:6
not:first-child selector
not:first-child selector I have a `div` tag containing several `ul` tags. I'm able to set CSS properties for the first `ul` tag only: However, my following attempts to set CSS properties for each othe...
- Modified
- 28 Dec at 22:6
Angular 2: How to style host element of the component?
Angular 2: How to style host element of the component? I have component in Angular 2 called my-comp: How does one style the host element of this component in Angular 2? In Polymer, You would use ":hos...
- Modified
- 29 Mar at 03:34
In jQuery how can I set "top,left" properties of an element with position values relative to the parent and not the document?
In jQuery how can I set "top,left" properties of an element with position values relative to the parent and not the document? `.offset([coordinates])` method set the coordinates of an element but only...
- Modified
- 5 Oct at 11:8
CSS Selector that applies to elements with two classes
CSS Selector that applies to elements with two classes Is there a way to select an element with CSS based on the value of the class attribute being set to two specific classes. For example, let's say ...
- Modified
- 11 Jun at 05:36
CSS selector for first element with class
CSS selector for first element with class I have a bunch of elements with a class name `red`, but I can't seem to select the first element with the `class="red"` using the following CSS rule: ``` bl...
- Modified
- 13 Mar at 14:2
Controlling Spacing Between Table Cells
Controlling Spacing Between Table Cells I'm trying to create a table where each cell has a background color with white space between them. But I seem to be having trouble doing this. I tried setting `...
- Modified
- 10 Dec at 19:24
using nth-child in tables tr td
using nth-child in tables tr td ``` $ $ $ $ $
- Modified
- 24 Sep at 16:44
Stopping a CSS3 Animation on last frame
Stopping a CSS3 Animation on last frame I have a 4 part CSS3 animation playing on click - but the last part of the animation is meant to take it off the screen. However, it always goes back to its ori...
- Modified
- 2 Jul at 12:46
Disable/turn off inherited CSS3 transitions
Disable/turn off inherited CSS3 transitions So I have the following CSS transitions attached to an element: ``` a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-trans...
- Modified
- 5 Jan at 11:40
Can CSS3 transition font size?
Can CSS3 transition font size? How can one make the font size grow bigger on mouse over? Color transitions work fine over time, but the font size switches immediately for some reason. Sample code: ``...
- Modified
- 3 Jan at 21:24
CSS Calc Viewport Units Workaround?
CSS Calc Viewport Units Workaround? From what I've seen in [other](https://stackoverflow.com/a/14184433/1191087) [answers](https://stackoverflow.com/a/14419680/1191087), CSS viewport units can't be us...
- Modified
- 23 May at 11:54
CSS :not(:last-child):after selector
CSS :not(:last-child):after selector I have a list of elements, which are styled like this: Outputs `One | Two | Three | Four | Five |` instea
- Modified
- 20 Jan at 22:7
How do I create a circle or square with just CSS - with a hollow center?
How do I create a circle or square with just CSS - with a hollow center? It should just basically be an outline of the square or circle - that I can style accordingly (i.e. change the color to whateve...
- Modified
- 5 Dec at 21:27
Can I animate absolute positioned element with CSS transition?
Can I animate absolute positioned element with CSS transition? I want to animate an element's position change with CSS transition, but it is not working even when I use the transition on `all` propert...
- Modified
- 26 Jul at 16:33
CSS Selector "(A or B) and C"?
CSS Selector "(A or B) and C"? This should be simple, but I'm having trouble finding the search terms for it. Let's say I have this: In CSS, how can I create a selector that matches something that mat...
- Modified
- 22 Sep at 15:35
CSS: Force float to do a whole new line
CSS: Force float to do a whole new line I have a bunch of `float: left` elements and some are SLIGHTLY bigger than others. I want the newline to break and have the images float all the way to the left...
Control the dashed border stroke length and distance between strokes
Control the dashed border stroke length and distance between strokes Is it possible to control the length and distance between dashed border strokes in CSS? This example below displays differently bet...
- Modified
- 9 Jul at 11:21