Welcome To Snipplr


Everyone's Recent CSS Snippets Tagged css



Removes the default styling different browsers use, so you minimise cross browser problems.
1 1834 posted 18 years ago by 1man
Example off ALA, pleasing typography layout for the web. Based on the grid system.
4 1461 posted 18 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.
0 10757 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 1277 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 912 posted 18 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 2394 posted 18 years ago by jonhenshaw
copy form maxdesign!
2 2217 posted 18 years ago by assbach
probably not the best way, but it seems to work
2 1250 posted 18 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 1273 posted 18 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 1361 posted 18 years ago by ryanprel
This is basically the top few lines of every CSS document I start with, just the basic selectors, no specific elements at this point in time. I like to place a general styling for almost every type of tag in my document so that as I later style my H...
1 926 posted 18 years ago by kevh
BODY {font-size:62.5%} This takes 16px down to 10px (16 x 0.625 = 10), which apart from being less huge is a nice round number. From now on it’s easy to think in pixels but still set sizes in terms of ems: 1em is 10px, 0.8em is 8px, 1.6em is 16px,...
3 1747 posted 18 years ago by zensir
10 2156 posted 18 years ago by designerd
To move the content away from the background image apply "padding-left" to the "LI" element. In this case "0.6em" has been used. As with vertical alignment, list padding will be determined by the size of your image.
35 13253 posted 19 years ago by zensir
0 1263 posted 19 years ago by markhope
Table with style as in; http://24ways.org/examples/tables-with-style/table_columns.html
14 2547 posted 19 years ago by zensir
Shows how to create a DIV box that is scrollable and looks like a IFRAME.
6 1465 posted 19 years ago by hxseven
0 1120 posted 19 years ago by Jaymoon
Great little debuging snippet found while browsing. The code adds different coloured borders to the assets depending on its level. Leave commented out if not needed.
96 12185 posted 19 years ago by 1man
5 1438 posted 19 years ago by Corhol
12 1567 posted 19 years ago by masaya
A bug seems to occur when you add a negative margin to a list item in IE6. The background image applied to the list item gets repeated randomly and generally messes up. Add this little gem to your head to fix the problem. Remember to change the id ta...
11 2417 posted 19 years ago by 1man
3 1214 posted 19 years ago by soxiam
Simple styling for the links on a webpage using CSS. Sometimes hard to remember what order the have to be in for the :hover to work correctly. (Now fixed :)
2 1653 posted 19 years ago by 1man
Markup example: See Big Curly Quotes Markup. Thx to difusion.org.uk. No need for images to make big quotes on a page, CSS does it for you. Tested in many browsers.
94 11510 posted 19 years ago by 1man
5 1184 posted 19 years ago by 1man