May 16, 2005

Updates

And you thought I tripped and fell, got amnesia, and couldn’t remember my Textpattern login information.

Image Replacement

I have been using a modified version of the Malarkey Image Replacement technique ever since Andy wrote about it. But people mention seeing the first letter peeking out when viewing in IE. Here is what I did:

.mir { letter-spacing : -1000em; }
/*\*/
* html .mir {
    text-indent: -999em;
    overflow: hidden;
}
html>body .mir {
    letter-spacing: normal;
    text-indent: -999em;
    overflow: hidden;
}/**/

Yes, I do think it looks a heck of a lot cleaner without those span tags scattered all over the place.

Box Model Hack of Choice: Simplified BMH

Digging through the default stylesheet for Textpattern, I found this:

#myblock {
    width: 250px;
    \width: 300px;
    w\idth: 250px;
    padding: 0 25px;
}

It seems to work well for me so far. If there are any problems, I will look into the Modified Simplified BMH.

The ‘Forms’ Stylesheet

Remember that stylesheet we used to fix forms after using the Universal Selector? Well, I have seen some weird rendering effects in IE/Mac, and it all comes down to one line of code in the stylesheet. But I do have a solution for it. Hide it using the Backslash Hack.

/*\*/select > option{padding:0 5px 0 3px;}/**/

Just to make it up to you, I will have a few more thoughts in the next couple of days.

Posted in: