Welcome To Snipplr
Everyone's Recent CSS Snippets Tagged c
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
based loosely on Eric Meyers sheet but then tweaked to my own.
2
1036
posted 18 years ago by smynett
this layout has a fixed width sidebar and a fluid main body.
1
950
posted 18 years ago by penguin999
シンプルãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー。入れåæ–¹å¼ã€‚ by http://www.pmob.co.uk/temp/dropdown_horizontal2.htm
1
1261
posted 18 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
2260
posted 18 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
1091
posted 18 years ago by 1man
This solution is cool for screen readers, because they also read the text content.
2
1002
posted 18 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
1385
posted 18 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
1478
posted 18 years ago by smilylion
A CSS sticky footer
http://ryanfait.com/sticky-footer/
Copyright (c) 2006-2007 Ryan Fait
2
1106
posted 18 years ago by masaya
CSS
ç”»åƒç½®æ›ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ãŸéš›ã«ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ãŒãƒ¨ã‚³ã«ä¼¸ã³ã¦ã—ã¾ã†ã®ã‚’防ã方法
text-index: -9999px;
ãªã©ã—ã¦ç½®æ›ã—ã¦ã„ã‚‹å ´åˆã€ã“ã®æ•°å—ã®é€šã‚Šã«ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ (クリックã—ãŸéš›ã®ç‚¹ç·š) ãŒãƒ¨ã‚³ã«ä¼¸ã³ã¦ã—ã¾ã†ã€‚
ã“れを解決ã™ã‚‹æ–¹æ³•ã€‚
1
1145
posted 18 years ago by masaya
Removes the default styling different browsers use, so you minimise cross browser problems.
1
1797
posted 18 years ago by 1man
Example off ALA, pleasing typography layout for the web. Based on the grid system.
4
1459
posted 18 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
2802
posted 18 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
10745
posted 18 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
1272
posted 18 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
909
posted 18 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
4827
posted 18 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
1014
posted 18 years ago by CUViper