Welcome To Snipplr


Everyone's Recent CSS Snippets Tagged css



10 391 posted 14 years ago by salsajid
Style form fields
1 371 posted 14 years ago by valcartei
this layout has a fixed width sidebar and a fluid main body.
1 263 posted 14 years ago by penguin999
シンプルなドロップダウンメニュー。入れ子方式。 by http://www.pmob.co.uk/temp/dropdown_horizontal2.htm
1 487 posted 14 years ago by fjm
via http://icant.co.uk/csstablegallery/
0 319 posted 14 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 493 posted 14 years ago by daeliur
hoverで透明度
0 275 posted 14 years ago by fjm
0 370 posted 14 years ago by jccovey
CSS image replacement with no extra span needed.
3 317 posted 14 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 306 posted 14 years ago by 1man
Useful for setting transparent dropdowns, etc.
6 366 posted 14 years ago by pmusaraj
This code centers text vertical.
2 300 posted 14 years ago by narmolanya
This solution is cool for screen readers, because they also read the text content.
2 280 posted 14 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 344 posted 14 years ago by smilylion
text-index: -9999px; などして置換している場合、この数字の通りにアウトライン (クリックした際の点線) がヨコに伸びてしまう。 これを解決する方法。
1 481 posted 14 years ago by masaya
1 338 posted 14 years ago by pablazo
Removes the default styling different browsers use, so you minimise cross browser problems.
1 311 posted 14 years ago by 1man
Example off ALA, pleasing typography layout for the web. Based on the grid system.
4 438 posted 14 years ago by 1man
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.
65 4689 posted 14 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 361 posted 14 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 244 posted 14 years ago by pckujawa
IE6 and before doesn't support :hover in CSS (except for anchors). You can use this script to make hovers work in IE. Just add the following line to your stylesheet (this assumes the path of the file -- you may need to change it to reflect your paths...
7 761 posted 14 years ago by jonhenshaw
copy form maxdesign!
2 439 posted 14 years ago by assbach
probably not the best way, but it seems to work
2 398 posted 14 years ago by assbach
created some navigation buttons for a site i'm working on, this is without images in a horizontal arrangement. kevh.net has the article on creating the vertical navigation, and how to do both using images instead of native CSS styling
1 349 posted 14 years ago by kevh
Used for rounding corners of a div. Need an upper left corner and an upper right corner. Example page is http://www.ruby-lang.org/en/documentation/quickstart/
3 361 posted 15 years ago by ryanprel