Repeated Background Image Snippets


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 tag to your own.

08 December, 2012   

Full screen background image using pure CSS3.

18 February, 2012   

CSS code example for a background image repeat vertically (y-axis), horizontally (x-axis), in both directions, or in neither direction.

CSS Code example : how to repeat a background image only horizontally.

08 February, 2012   

CSS code example for Image Preloading

15 April, 2013   

CSS Code for Pure Rollover

15 April, 2012   

PHP code example for an image CAPTCHA.

How to display visitors IP in an Image using PHP

02 February, 2011   

The set height and width ensure only a portion of the sprite.png graphic is shown. The rollover shifts the position of the background image, revealing a different area of the graphic.

05 December, 2012   

Instead of providing a traditional address to the image, the image file data is base64-encoded and stuffed within the src attribute. Doing so saves a network request for each image, and prevent exposure of directory paths. Please note that IE7 and below are not compatibles with data URIs.

13 February, 2013   

PHP Code example for ASCII CAPTCHA

02 June, 2011   

This is your most basic version of an image CAPTCHA.

CSS code example for Diagonal Graph Paper Gradient

Absolute Center (Vertical & Horizontal) an Image

05 January, 2012   

A simple dashed border effect by CSS

Essentially the trick is to draw the panel/frame/etc.

Essentially the trick is to draw the panel/frame/etc. into a BufferedImage and use the ImageIO class to write it to an image file.

18 October, 2012   

HTML style example code for background color

28 January, 2013   

Save a screen capture of a Java Frame/Panel/Window

I had to scan a bunch of paper documents (one image per page), and upload them all to a web site that would accept only one PDF file containing the whole set.