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
634
posted 17 years ago by penguin999
シンプルãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー。入れåæ–¹å¼ã€‚ by http://www.pmob.co.uk/temp/dropdown_horizontal2.htm
1
980
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
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
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
A CSS sticky footer
http://ryanfait.com/sticky-footer/
Copyright (c) 2006-2007 Ryan Fait
2
848
posted 17 years ago by masaya
CSS
ç”»åƒç½®æ›ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ãŸéš›ã«ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ãŒãƒ¨ã‚³ã«ä¼¸ã³ã¦ã—ã¾ã†ã®ã‚’防ã方法
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