Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
Ever needed to use to background images in a table or div? It is possible b just using css. Although this is yet to be a standard safari will allow you to apply 2! Css backgrounds, however IE, FIRFOX and retro opera users will only see 1 !
1
1773
posted 16 years ago by scopefragger
Ever needed to restrict an images size? Or stop it from growing best the size of your div/table. It’s a horrible feeling when you see your nicely designed site get trashed by a single image because it’s a pixel or two too big! And if it’s a...
1
2056
posted 16 years ago by scopefragger
Sometimes you can't use an image button, you have to use a submit button, but you still want to hide the text and show an image instead.
The width and height can be changed, of course. The point is that they are specified.
Display:block is need...
1
2759
posted 16 years ago by jessibird
A wrapper may be made to enclose the content of a page, and then you can write descendant CSS rules that mention that wrapper's ID or class name in the selector. But what if only IE thought that wrapper existed? Then those rules would only work for I...
4
1894
posted 16 years ago by Meander365
Think this is a good one to remember.
Let's say you have a set of list items and all of them have a border of 1px. Inside you have an image.
When you hover over each list item you want the border to change thickness to 2px.
The trick is to...
1
1752
posted 16 years ago by Meander365
This is a really useful techniques for preloading images on your website. Just place this code after the body tag in the CSS file. Everytime you refer to this image in your CSS file the image will be loaded from cache.
1
1545
posted 16 years ago by SunilTee
Enables you customise the colour of your <li> bullet points.
0
1689
posted 16 years ago by nostradamuszen
Doesn't work in IE6, so use this to enhance sites rather than use thenm for required information. Very handy for adding a PDF icon behind a link. Make icons very small (16px x 16px) and with transparent space on left and top to make it look more al...
4
1654
posted 16 years ago by carriegates
Fairly simple, cross-browser way to rotate text using only CSS.
0
1761
posted 16 years ago by Winkyboy
All credit to Richard Clarke, code taken from HTML 5 Doctor. Posted here for quick access from TextMate.
6
4239
posted 16 years ago by mrjohnsly
In this tutorial we are going to use the :before pseudo-element to create a 3D style box. This effect will not work in Internet Explorer since it does not support the :before attribute. IE users will only see the element's themselves, and nothing els...
0
1311
posted 16 years ago by myrebel420