Welcome To Snipplr


Everyone's Recent CSS Snippets



based loosely on Eric Meyers sheet but then tweaked to my own.
2 513 posted 16 years ago by smynett
10 704 posted 16 years ago by salsajid
Style form fields
1 685 posted 16 years ago by valcartei
this layout has a fixed width sidebar and a fluid main body.
1 471 posted 16 years ago by penguin999
To use css which will only be applied if the browser is IE.
0 641 posted 16 years ago by valcartei
シンプルなドロップダウンメニュー。入れ子方式。 by http://www.pmob.co.uk/temp/dropdown_horizontal2.htm
1 816 posted 16 years ago by fjm
via http://icant.co.uk/csstablegallery/
0 583 posted 16 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 889 posted 16 years ago by daeliur
hoverで透明度
0 475 posted 16 years ago by fjm
CSS image replacement with no extra span needed.
3 540 posted 16 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 583 posted 16 years ago by 1man
Useful for setting transparent dropdowns, etc.
6 717 posted 16 years ago by pmusaraj
This code centers text vertical.
2 542 posted 16 years ago by narmolanya
This solution is cool for screen readers, because they also read the text content.
2 549 posted 16 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 738 posted 16 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 752 posted 16 years ago by smilylion
text-index: -9999px; などして置換している場合、この数字の通りにアウトライン (クリックした際の点線) がヨコに伸びてしまう。 これを解決する方法。
1 746 posted 16 years ago by masaya
Removes the default styling different browsers use, so you minimise cross browser problems.
1 587 posted 16 years ago by 1man
Example off ALA, pleasing typography layout for the web. Based on the grid system.
4 815 posted 16 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 1095 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 8637 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 714 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 431 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 3176 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 501 posted 17 years ago by CUViper