Welcome To Snipplr


Everyone's Recent CSS Snippets



based loosely on Eric Meyers sheet but then tweaked to my own.
2 677 posted 17 years ago by smynett
10 900 posted 17 years ago by salsajid
Style form fields
1 882 posted 17 years ago by valcartei
this layout has a fixed width sidebar and a fluid main body.
1 634 posted 17 years ago by penguin999
To use css which will only be applied if the browser is IE.
0 863 posted 17 years ago by valcartei
シンプルなドロップダウンメニュー。入れ子方式。 by http://www.pmob.co.uk/temp/dropdown_horizontal2.htm
1 980 posted 17 years ago by fjm
via http://icant.co.uk/csstablegallery/
0 757 posted 17 years ago by fjm
STICKER - A valid, easy to use CSS sticky footer by Ryan Fait This is the basic CSS you need along with the one extra empty div and the wrapper required to achieve the effect. I suggest that you leave the * { margin: 0; } code in while testing a...
8 1103 posted 17 years ago by daeliur
hoverで透明度
0 641 posted 17 years ago by fjm
CSS image replacement with no extra span needed.
3 709 posted 17 years ago by 1man
Say you want a containing block with 2 floating elements to expand around the floating element, usually this wouldn't happen since the container has no height because the floating elements are out of the usual flow. The method below fixes this pro...
3 786 posted 17 years ago by 1man
Useful for setting transparent dropdowns, etc.
6 931 posted 17 years ago by pmusaraj
This code centers text vertical.
2 714 posted 17 years ago by narmolanya
This solution is cool for screen readers, because they also read the text content.
2 716 posted 17 years ago by narmolanya
Wer mal nur den IE7 mit css ansprechen will oder muss zb. weil der IE7 einen bestimmten bug hat, kann dies folgendermaßen tun. *:first-child+html Wenn man also zb. die schriftfarbe der css class “meineklasse” nur für den IE7 verändern wi...
0 941 posted 17 years ago by smilylion
Wenn man eine Seite horizontal zentrieren möchte, ist das eigentlich recht einfach. Per CSS kann man mit margin:0px auto; einen div layer perfekt und schnell zentrieren. Bei älteren Browserversionen wie IE5.5 oder IE5.0 funktioniert das aber leider...
1 962 posted 17 years ago by smilylion
text-index: -9999px; などして置換している場合、この数字の通りにアウトライン (クリックした際の点線) がヨコに伸びてしまう。 これを解決する方法。
1 871 posted 17 years ago by masaya
Removes the default styling different browsers use, so you minimise cross browser problems.
1 758 posted 17 years ago by 1man
Example off ALA, pleasing typography layout for the web. Based on the grid system.
4 1023 posted 17 years ago by 1man
This is an excellent solution for fixing IE 6's inability to display transparent PNGs correctly. Step 1: Include the following conditional comment the HEAD area of your document. You will need to update the CSS selector and also the path to wheree...
13 1386 posted 17 years ago by jonhenshaw
A low-tech but useful technique that uses only CSS. After placing the css in your stylesheet, insert this just below the body tag of your page: "". Whenever the images are referenced throughout your pages they will now be loaded from cache.
0 9654 posted 17 years ago by aznprncritic
Les propriétés racourcies Exemple avec la propriété raccourcie 'font': En clair vous pouvez résumer ça: p { font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana...
3 914 posted 17 years ago by clapfouine
Most of these come from the book "CSS Mastery: Advanced Web Standards Solutions," a must-read by Andy Budd (seriously, even if you've used CSS for years, you'll learn a good deal of new things from this book; beginners should read this imme...
2 616 posted 17 years ago by pckujawa
This handy CSS attribute can be used to keep text from wrapping. It can also be used to keep other HTML elements from wrapping. Simply apply the white-space:nowrap attribute to any HTML element to force text and images to not return within a specifie...
5 3498 posted 17 years ago by jonhenshaw
I don't like having the "Open Notebook" text next to the status bar icon of Google Notebook's extension for Firefox. Add this snip to userChrome.css to make it go away!
1 684 posted 17 years ago by CUViper