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
1079
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
1143
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
1023
posted 16 years ago by neal_grosskopf
Remove that pesky dotted border around img elements, especially images inside <a> / link tags.
4
1309
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
1566
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
1162
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
960
posted 16 years ago by kanirasta
CSS Rounded Corners without images
support: Firfox 2-3, Safari, Chrome, Opera 9.5(use svg)
8
1383
posted 16 years ago by Ashung
Learn how to create CSS curly quotes using only CSS and without images, extra divs or classes
6
1126
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
834
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
1042
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
940
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
1165
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
989
posted 16 years ago by wizard04