Welcome To Snipplr


Everyone's Recent CSS Snippets



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 2202 posted 18 years ago by jonhenshaw
Puts a scrollbar in xanga entries. Paste in webstats.
1 1223 posted 18 years ago by sondosia
Makes xanga entries semi-transparent.
1 1085 posted 18 years ago by sondosia
copy form maxdesign!
2 1562 posted 18 years ago by assbach
probably not the best way, but it seems to work
2 1177 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 1227 posted 18 years ago by kevh
Por ejemplo, haciendo uso del operador ^= (que nos permite seleccionar solo aquellos elementos cuyo atributo especificado coincida, al comienzo de la cadena, con el valor especificado) podremos crear una reglas para determinar el aspecto de nuestros...
4 1184 posted 18 years ago by Hirmine
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 1239 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 902 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 1597 posted 18 years ago by zensir
10 1474 posted 18 years ago by designerd
0 994 posted 18 years ago by smilylion
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 10920 posted 19 years ago by zensir
Used to center tables in CSS
8 1662 posted 19 years ago by atourino
0 1215 posted 19 years ago by markhope
Table with style as in; http://24ways.org/examples/tables-with-style/table_columns.html
14 1852 posted 19 years ago by zensir
Shows how to create a DIV box that is scrollable and looks like a IFRAME.
6 1436 posted 19 years ago by hxseven
0 1088 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 9939 posted 19 years ago by 1man
5 1262 posted 19 years ago by Corhol
This fixes a very annoying bug in IE by where when you scroll the page becomes corrupted. It relates to the way IE renders pages. This code places a null background image behind, making IE render the page differently. *note* This can also be plac...
5 1451 posted 19 years ago by 1man
12 1526 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 1702 posted 19 years ago by 1man
3 1168 posted 19 years ago by soxiam