Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
Tutorial on how to add ajax style loading icon to large images by using CSS rather than JavaScript
10
3567
posted 17 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
2066
posted 17 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
1717
posted 17 years ago by kanirasta
CSS Rounded Corners without images
support: Firfox 2-3, Safari, Chrome, Opera 9.5(use svg)
8
2706
posted 17 years ago by Ashung
Learn how to create CSS curly quotes using only CSS and without images, extra divs or classes
6
2070
posted 17 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
1528
posted 17 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
1728
posted 17 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
1691
posted 17 years ago by Jacolyte
En IE6 el min-height se reemplaza en realidad con height, porque por un error de Explorer tiene exactamente el mismo efecto.
Este código hace que la caja tenga 700px de mÃnimo tanto para FF como para IE6.
0
1617
posted 17 years ago by demixo
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
2227
posted 17 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
1563
posted 17 years ago by wizard04
How to align floating images in wordpress posts and add captions.
2
1602
posted 18 years ago by j_junyent
A good CSS example of how to style Horizontal Rule (HR) elements. It's also Internet Explorer (IE) friendly.
3
2638
posted 18 years ago by jonhenshaw
When you klick a link in Firefox... there is a dotted outline. Hide it with outline:none.
0
1494
posted 18 years ago by FlashJunior
A cool script for fixed Footers. Works with i6,i67,all mozilla browsers and safari.
1
1750
posted 18 years ago by FlashJunior
This will reset your style properties to the default values, specific to an element and its children.
Here are the all the properties that need to be set to default that also don't break modern browsers.... or less then modern, like IE 4/5.
0
10468
posted 18 years ago by marcusrosentrater
Content may disappear on window resize in IE6/Maxthon, when using expressions to set min-width/max-width. To fix it - just remove 'position:relative' in #container.
0
1497
posted 18 years ago by DesTincT