Category Archives: Old Blog

CSS captioned image

Need a captioned image that will float right or left without having to use tables?
CSS
.imgcaption{
    margin: 5px;
    float: right;
}

.imgcaption img{
    display: block;
}

.imgcaption label{
    display: block;
    color: #FFFFFF;
    background-color: #CA0101;
    padding: 2px;
}

XHTML
<div class="imgcaption">
<img src="/wp-images/oldblog/busybumblebee.jpeg" alt="" id="img" >
<label for="img">Caption</label>
</div>

Mozilla Specific CSS Commands

Mozilla Specific CSS Commands

"Mozilla.org created their own CSS commands to allow them to use the technology for the UI of Mozilla. All of the commands follow the W3C's standards for vendor specific tags, which is why they all begin with -moz. This is only a list of commands which may be useful to you, it is in no way all of the Mozilla specific commands available. Other Sites which list Mozilla specific CSS commands * XulPlanet.com"

ImageAfter

free images

“In the imageafter.com 'image' directory you can expect free high resolution images of objects, places, animals, mechanics, insects, signs, circuits and plants etc. All stock photos can be freely downloaded and used in you commercial or personal works. “

M Reg Vauxhall Corsa

Vauxhall Corsa

M Reg Vauxhall Corsa
Make Opel/ Vauxhall
Year 1995
Colour Metalic Turquoise
Mileage 87,000 Miles
Tax & MOT August 2005
CD Player Clarion with powerful rear speakers
Reason for sale New car forces sale
Notes I have had this car for 4 years and it has never let me down. A very reliable car.
Asking Price GBP £ 850

Clearing a float container

Clearing a float container without source markup

“When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Those familiar only with Explorer for Windows may scratch their heads and say “That's not right!” True, IE/Win does enclose a float within a container 'automatically', but only if the container element has a stated dimension, and in any case it's a W3C spec violation. This illegal behavior can also be 'toggled' on and off by links within the container, if 'hovering' alters the link background or several other properties. Quite a mess.”