Web Cash

The other day I wrote about how to add a gradient background to a css tooltip. So I thought it might be a good idea to walk through how to create the actual gradient image.

Since I recently switched to Ubuntu Linux, I don’t use Photoshop anymore. GIMP all the way. So this tutorial will show you briefly how to create a gradient image in GIMP and then use it as the background of an html element.
(more…)

In an earlier post, we learned how to create a tooltipKind of like this boring, gray tooltip. using CSS. I walked you through the mechanics of creating the tooltip and left the actual css styling up to you.

Today, we’ll take a look at how to make this tooltip look a bit nicer – using a gradient background and some extra styling.

In standard HTML, tooltips seem to be reserved for anchor tags – i.e. links. They get the all-powerful “title” attribute which is turned into a tooltip.

There are plenty of other times that you’d want to use a tooltip, though. If you’re wondering how, check out this previous post on how to create a custom tooltip with css.

Otherwise, read on for some thoughts on when to use these tooltips.
(more…)

Hover your mouse over this link to Web Cash. Notice the tooltip?

You can achieve a tooltip like that on any anchor text by defining a “title” attribute. However, it will also be bland, yellow, and un-styled. You can’t control the size of the box, style of the font, or the general appearance of the tooltip at all.

But there’s a better way. This tutorial will show you how to create custom tooltips using simple, valid HTML and CSS. Once you’ve created the basic tooltip, you can style it to your heart’s content.

I was browsing around the PHP forum on Daniweb and came across this problem in a post.

Here’s the situation.

The guy wanted to send out a newsletter, so he grabbed a pre-fabbed newsletter script. The PHP script seemed to work fine – it read an HTML template and then fired off the e-mail in HTML form.

There was just one problem: none of the images were appearing in the HTML e-mail when he tried to view it.
(more…)

I added a new script to the “Tools” section yesterday, which should be of interest to anyone that authors a website about HTML.

I’m sure we’ve all faced this problem at one point or another – how do we get sample HTML to display properly, without being rendered, so that users can view it? Moreover, what’s the best method of doing this?
(more…)