Welcome To Snipplr
Everyone's Recent CSS Snippets Tagged css
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
A simple way to create a double-border effect (i.e. for images) in all browsers.
1
1067
posted 16 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
1123
posted 16 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
1006
posted 16 years ago by neal_grosskopf
Remove that pesky dotted border around img elements, especially images inside <a> / link tags.
4
1286
posted 16 years ago by charmcitycoder
Tutorial on how to add ajax style loading icon to large images by using CSS rather than JavaScript
10
1544
posted 16 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
1145
posted 16 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
945
posted 16 years ago by kanirasta
CSS Rounded Corners without images
support: Firfox 2-3, Safari, Chrome, Opera 9.5(use svg)
8
1345
posted 16 years ago by Ashung
Learn how to create CSS curly quotes using only CSS and without images, extra divs or classes
6
1107
posted 16 years ago by neal_grosskopf
You’ll notice the global classes at the bottom, which cover basic styling, and will remove styling that we intially set. For example, the .nobullet and .noindent work great on an unordered or ordered list. You can add your own classes there that yo...
1
819
posted 16 years ago by ianmonge
This method uses the "min-height" property to give "hasLayout" in IE 7, "height" property for IE 6 and the pseudo-element ":after" and "content" property for Gecko based and IE 8 Beta.
2
1029
posted 16 years ago by kcmr
You know how your bookmarks toolbar will show a little arrow when there are too many to fit? This code snippet will make the toolbar twice the size in height, and make the bookmarks wrap to the next line.
In mac, you need to edit the file /Users/-...
1
928
posted 16 years ago by Jacolyte
Creates a drop shadow for a div. In IE I can't get `filter:alpha(opacity=__)` to work right, but it degrades gracefully without it so I left it out.
5
1146
posted 16 years ago by wizard04
For use with the Firefox Stylish add-on. I put this up on userstyles.org as well - http://userstyles.org/styles/9213.
When you edit a snippet, especially with the comment box, the font is large and fancy. This style changes them to a normal, *rea...
0
976
posted 16 years ago by wizard04