Wes’s Life

This is a quick tip for some­one who wants to replace every­thing in a input item with a type of submit. If you try the tra­di­tional text-​indent: -9999px method, it will work just fine in Fire­fox and Safari, but within IE7 and IE6 the whole button will be gone. Instead apply padding to the ele­ment equal to it’s height and then add over­flow: auto;.

Here’s my imple­men­ta­tion:

.search input.input-submit {
	background: transparent url('/img/search-button.png') no-repeat scroll 0 0;
	border: 0 none;
	width: 20px;
	height: 0px;
	padding-top: 21px;
	overflow: auto;
}

/* For IE7/6, place this in a separate style sheet and use conditional comments */
.search input.input-submit {
	height: 21px;
}

Well, here’s a simple and easy to follow tip: always back your files up. And I don’t mean just your doc­u­ments, I mean every­thing. I’ve been play­ing around with my Win­dows instal­la­tion lately, installing Vista and rein­stalling Vista and then even­tu­ally going back to XP. Each time, back ups have saved me time, energy and most impor­tantly – sanity.

The first time I almost lost all of my pho­tog­ra­phy which would have done me in. Sure, I have a lot saved on Flickr, but not every­thing and not at full qual­ity. Plus, I would have lost all of my RAWs. On the second instal­la­tion I lost the latter part of my music library and my all of my school email. I am now a full on sup­porter of back­ups. Make sure you do it fairly often – I back up twice a week – and get a good reli­able exter­nal drive.