How did I not know about the col tag???

March 15th, 2009

So whilst developing away the other day I came across the <col> tag! ( Hopefully I am not alone in never having used this before.)
After a quick google I soon established that the col tag could be used to control the widths and alignments of columns in a table removing the need to constantly define td widths and alignments individually.
Read the rest of this entry »

My Allotment

March 5th, 2009

So I have started to grow my own! I think its become a bit of a novelty of recent, but after receiving my 100sq ft plot in April last year I got to work clearing the waist high weeds. After a summer of digging last year and some digging again last weekend I have finally sown my first seeds, and I aim to bring you an allotment update from time to time and maybe some little tips sprinkled between web design posts.

Last Weekend:

allotment
Read the rest of this entry »

PHP Conference 2009

March 1st, 2009

Back in February I had the opportunity to attend the PHP Conference at Olympia as a last minute stand in for one of my developer colleagues. Below is a little of the information I managed to digest during my day as a geeky girly!
Read the rest of this entry »

PNG’s Image Links and IE6 Fixes

March 1st, 2009

As some of you may be aware PNG’s are a bit of a pain when it comes to supporting good old IE6. How I long for the day I can either stop supporting IE6 or when someone develops a js fix so that I can use background images with positions and repeats among other things. (PNGFix is currently working on a beta js to support the above and is well worth looking into.)

However a particular annoyance is what happens when you use a transparent png as an image link! What you will experience is a link that is only active when you manage to precisely position your mouse over the top of a letter or part of the non transparent image. Any area that is transparent even though your link is set to display:block with widths and heights is ignored.

However all is not lost. There is a solution…

Simply save your pngs with a 1% transparent background. This is not visible to the naked eye but tricks the browser into displaying the transparent area as a block. Clever hey!