Comments on: CSS text-indent: An Excellent Trick To Style Your HTML Form

By: Lam Nguyen

Lam Nguyen — Wed, 21 Jul 2010 06:11:14 +0000

Hi Corey, thanks for pointing out this mistake. I’m sorry for the late reply because I didn’t notice your comment. I will update the code. Thanks!

By: Corey Ballou

Corey Ballou — Mon, 19 Apr 2010 14:02:12 +0000

I just wanted to point out that IE6 does not support attribute selectors, i.e. input[type="text"]. For this reason, your styling will not function properly for IE < 7. The fix would be to add class="text" to your input tag.

HTML

CSS

input.text {
…
}

Corey BallouÂ´s last blog ..jQuery getMatchingClass Plugin

By: Corey Ballou

Corey Ballou — Mon, 19 Apr 2010 14:02:12 +0000

HTML

CSS

input.text {
…
}

Corey BallouÂ´s last blog ..jQuery getMatchingClass Plugin

By: CSS text-indent: An Excellent Trick To Style Your HTML Form | Blue Alta Media

Sat, 03 Apr 2010 12:31:52 +0000

[...] CSS text-indent: An Excellent Trick To Style Your HTML Form [...]

By: Wil

Wil — Tue, 09 Mar 2010 01:08:57 +0000

Like the tip for the form, looks really nice this way. But I don’t really understand why it is a good idea to hide text in an anchor tag which contains an image.

SEO-wise I reckon it’s far more subtle (and probably more in line with best-practice guidelines) to simply use an alt-tag and a title-tag. You’re able to put in your keywords there as well and this way you’ll make use of css and tags the way your supposed to.

Hiding text sounds like using the same background-colour as the font-colour.