Advanced CSS Design Resources - last-child.com

Ok kids, if you use image replacement to create super-cool rollover buttons, raise your hands. Good. Now, keep your hands raised if you put title attributes on the links to give added information. Great! What is the text inside the link? Keep your hands raised if you repeated your title attribute [...]

I’m working on a project with shiny, happy submit buttons all over the place. To offer more control over the presentation, we are using the form button element and inserting images inside the button tags.

<form>

…

<button type=“submit” name=“submit” id=“submit”>

<img src=“submit.png” alt=“submit” />

</button>

</form>

Now, you need to over-ride some pretty ugly default presentation styles:

form button {padding:0; margin:0; [...]

I don’t remember where I first found this tip (Hedger Wang?), but it’s a good one. If you are using image replacement, i.e. background images and negative text-indent, you may notice a dotted line appear when the link is clicked and waiting for the page to change (:focus). It’s outlining the text that happens to [...]

Apologies to anyone seeing ugly Amazon ads in this site. I’m using their affiilate program to highlight web programming books and sometimes Amazon delivers hideous flash ads that are not related to the books. If this continues, I will remove them permanently. I didn’t sign up for ugly flash ads. You should be seeing the [...]

JavaScript libraries are a blessing to those of us that feel overwhelmed by the code. If you’ve used Prototype, Rico, Yahoo’s YUI libraries, or others in the past year, don’t neglect the versioning. These scripts get updated to fix bugs and add features.
I’m working on a project that had some annoying errors that were [...]