Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
this layout has a fixed width sidebar and a fluid main body.
1
630
posted 17 years ago by penguin999
シンプルãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー。入れåæ–¹å¼ã€‚ by http://www.pmob.co.uk/temp/dropdown_horizontal2.htm
1
977
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
1099
posted 17 years ago by daeliur
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
782
posted 17 years ago by 1man
This solution is cool for screen readers, because they also read the text content.
2
713
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
934
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
958
posted 17 years ago by smilylion
A CSS sticky footer
http://ryanfait.com/sticky-footer/
Copyright (c) 2006-2007 Ryan Fait
2
847
posted 17 years ago by masaya
CSS
ç”»åƒç½®æ›ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ãŸéš›ã«ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ãŒãƒ¨ã‚³ã«ä¼¸ã³ã¦ã—ã¾ã†ã®ã‚’防ã方法
text-index: -9999px;
ãªã©ã—ã¦ç½®æ›ã—ã¦ã„ã‚‹å ´åˆã€ã“ã®æ•°å—ã®é€šã‚Šã«ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ (クリックã—ãŸéš›ã®ç‚¹ç·š) ãŒãƒ¨ã‚³ã«ä¼¸ã³ã¦ã—ã¾ã†ã€‚
ã“れを解決ã™ã‚‹æ–¹æ³•ã€‚
1
869
posted 17 years ago by masaya
Removes the default styling different browsers use, so you minimise cross browser problems.
1
755
posted 17 years ago by 1man
Example off ALA, pleasing typography layout for the web. Based on the grid system.
4
1019
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
1383
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
9649
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
907
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
612
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
3491
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
679
posted 17 years ago by CUViper