Welcome To Snipplr
Everyone's Recent CSS Snippets Tagged css
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
Test page to check the support of different CSS media types in browsers. If you go into Print Preview, for example, the Print media type should show as "In Use" if it is supported.
0
430
posted 13 years ago by wizard04
Centering a div with css is easy, but there are some compatibility quirks...
1
389
posted 13 years ago by jarnaldich
Figure 5. Selecting the first-child LI elements that descend from a UL element.
By combining the first-child pseudo-class with the adjacent-sibling selector, it's possible to pick children other than the first one. For example, you might want to a...
0
310
posted 13 years ago by davebowker
Grab http://blog.kissmetrics.com/common/images/required.png as example for a required image .
NOTE: You probably don't want to use this trcik, but rather go for the defacto standard of a red asterisk to mark something required. An asterisk is lang...
1
396
posted 13 years ago by berkes
This is a general set of style sheet commands that you can add to your CSS. It basically creates styles for very general actions that we take when creating layouts. This will make it easy to float, clear, and position elements by giving them a generi...
1
298
posted 13 years ago by AlexWolfe
Learn a new and seldom used method of clearing floats in CSS.
3
413
posted 13 years ago by neal_grosskopf
Glossy slide door black menu with blue hover styled which can be used on white backgrounds
1
342
posted 13 years ago by settysantu
A simple way to create a double-border effect (i.e. for images) in all browsers.
1
346
posted 13 years ago by sidisinsane
Only tested in Safari 3, Opera 9.5 and Firefox 2 (all Mac OS) for now, but it should actually work. If you run into any problems, please provide some feedback.
2
346
posted 13 years ago by sidisinsane
In Firefox and Internet Explorer, the table caption element will be a pixel narrower than in other browsers. Find out how to fix this annoying problem.
1
348
posted 13 years ago by neal_grosskopf
Remove that pesky dotted border around img elements, especially images inside <a> / link tags.
4
422
posted 13 years ago by charmcitycoder
Tutorial on how to add ajax style loading icon to large images by using CSS rather than JavaScript
10
583
posted 13 years ago by neal_grosskopf
A series of tests to determine the best way to preload css images on elements that by default are hidden.
2
402
posted 13 years ago by neal_grosskopf
Add two containers to the element to be centered.
This is also needed for IE6:
1.
<!--[if>-->
2.
.navwrap ul{float:left;}
3.
<![endif]-->
0
335
posted 13 years ago by kanirasta
CSS Rounded Corners without images
support: Firfox 2-3, Safari, Chrome, Opera 9.5(use svg)
8
465
posted 13 years ago by Ashung
Learn how to create CSS curly quotes using only CSS and without images, extra divs or classes
6
377
posted 13 years ago by neal_grosskopf