Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
Find out how to do rounded corners in CSS. A new method has recently come out that makes it extremely easy to implement.
3
1385
posted 15 years ago by neal_grosskopf
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
982
posted 15 years ago by wizard04
Centering a div with css is easy, but there are some compatibility quirks...
1
964
posted 15 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
713
posted 15 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
792
posted 15 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
693
posted 15 years ago by AlexWolfe
Learn a new and seldom used method of clearing floats in CSS.
3
903
posted 15 years ago by neal_grosskopf
Glossy slide door black menu with blue hover styled which can be used on white backgrounds
1
858
posted 15 years ago by settysantu
In original Shea Enhancement, image had higher z-index than drop-down menu items. Changing z-index of entire H1 made text appear above image in some browsers. Could not change z-index of menu items.
Added an extra span tag and two classes to the m...
0
837
posted 15 years ago by skylenewman
Fortunately there are a couple of workarounds which are also explained in this article at Position Is Everything:
1
598
posted 15 years ago by dvdrtrgn
A simple way to create a double-border effect (i.e. for images) in all browsers.
1
849
posted 15 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
901
posted 15 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
784
posted 15 years ago by neal_grosskopf
Remove that pesky dotted border around img elements, especially images inside <a> / link tags.
4
1012
posted 15 years ago by charmcitycoder