Welcome To Snipplr


Everyone's Recent CSS Snippets Tagged image



You can simply put it in your reset stylesheet. It visualizes the classic rotating gif while the document's images are coming from the server at page load.
3 576 posted 13 years ago by claudiowebdesign
Taken from (http://jc-designs.net/blog/2009/08/background-image-on-submit-button-in-ie6/)
1 733 posted 13 years ago by resting
It determines background image for the element. If the background color is specified for the element at the same time it will be shown while the background image will have been downloaded fully. The same will happen if the image is inaccessible or th...
0 551 posted 13 years ago by Masis
replace the default 'submit' form button with a custom image
1 550 posted 13 years ago by mumra
The top image cant be a PNG. This is because the code just make the top image disappear and if the PNG has a transparency to it you will be able to see right through it.
1 571 posted 13 years ago by gera3d
0 568 posted 13 years ago by thesmu
In the example .description is a label and so needs to be made a block level element. For <p> elements (etc) this is not needed. The key to all this is overflow:hidden.
0 644 posted 13 years ago by Meander365
When developing a website, an important consideration is accessibility on other media, including the medium of print. However, the printing engines of most browsers render content differently to allow for simple printed pages. One of the most notable...
1 779 posted 13 years ago by karlhorky
[via rtcrm] Image/Text replacement for clickable image. This is useful for logo images.
1 589 posted 13 years ago by mennyj
full size bg image with css
2 657 posted 14 years ago by scitrenbaumgmailcom
1 584 posted 14 years ago by landonmiller
Use this little bit of CSS to get rid of the active link dotted border in Firefox. A must have when doing the text-indent:-9000px; image replacement technique on links.
0 758 posted 14 years ago by toddaeverett
1 636 posted 14 years ago by crs
This is handy for cleaning up your HTML to use more plain text and fewer img tags. Whether this is SEO friendly or not is subjective. I tend to think it's fine as long as you don't use it for spam. Digg implements a similar method for their main logo...
1 868 posted 14 years ago by adamcoulombe
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 803 posted 14 years ago by scopefragger
Neat CSS fixed background image scrolling 'trick'
3 621 posted 14 years ago by myrebel420
0 567 posted 14 years ago by davebowker
0 461 posted 14 years ago by ainara13
This method maintains its integrity with all combinations of images on/off and CSS on/off. This method works by laying an empty span over the top of the parent element with the required image applied as a background to that span. There is howev...
4 1025 posted 14 years ago by justinseiter
This will create a bulleted list using images as the bullets.
2 659 posted 15 years ago by cbx
In original Shea Enhancement, image had higher z-index than drop-down menu items. Changing z-index of entire H1 made text appear above image in some browsers. Could not change z-index of menu items. Added an extra span tag and two classes to the m...
0 676 posted 15 years ago by skylenewman
1 630 posted 15 years ago by jessnoonyes
I did not author this code. I came across it and have found it to be useful.
2 703 posted 16 years ago by gtalmes
The selector portion of the CSS rule targets which XHTML tags/classes this rule will be applied to. At first glance, it looks like all img tags as well as all tags with a class of "png". You’ll notice the * html in front of both of these. Wait, the...
15 2034 posted 16 years ago by jonhenshaw
Sitepoint have this useless but cool feature if you hold down the middle click to autoscroll the page - they have replaced the image that indicates scrolling
1 520 posted 16 years ago by natalie