Return to Snippet

Revision: 14766
at April 14, 2011 10:39 by benjaminpearson


Updated Code
#ID_OF_ELEMENT {
    padding: HEIGHT_OF_IMAGEpx 0 0 0;
    overflow: hidden;
    background-image: url("hello_world.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:HEIGHT_OF_IMAGEpx;
}

/* Image replacement class that works on form buttons, etc */
.image-replaced {
    text-indent: -5000px;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

Revision: 14765
at April 14, 2011 10:38 by benjaminpearson


Updated Code
#ID_OF_ELEMENT {
    padding: HEIGHT_OF_IMAGEpx 0 0 0;
    overflow: hidden;
    background-image: url("hello_world.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:HEIGHT_OF_IMAGEpx;
}

/* Image replacement class that works on form buttons, etc */
.image-replaced
	text-indent -5000px
	background-color transparent !important
	background-repeat no-repeat !important
	padding 0 !important
	font-size 0 !important
	line-height 0 !important

Revision: 14764
at June 11, 2009 04:03 by benjaminpearson


Initial Code
#ID_OF_ELEMENT {
    padding: HEIGHT_OF_IMAGEpx 0 0 0;
    overflow: hidden;
    background-image: url("hello_world.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:HEIGHT_OF_IMAGEpx;
}

Initial URL
http://www.kryogenix.org/code/browser/lir/

Initial Description
Last height property is for ie 5.5

Initial Title
Header Image Replacement

Initial Tags


Initial Language
CSS