Archive for the ‘HTML Tutorials’ Category

How to Pass All Elements of a Form to the End in a Multi-Page Form

Sunday, January 27th, 2008

Sometimes forms get long, unsightly, and intimidating. It’d be great if you could cut them up into three or four parts – with a few fields on each page.

In order to do that, you need to figure out some way of storing or passing along the information from the first pages. I’ve heard a bunch of crazy ideas – from storing the information in session variables to writing each part to the database.

The easiest thing to do is attach a very brief php function to the bottom of each page. It’ll do all the work for you and continue to post every item the user has entered. (more…)

How to Create a Gradient Background Image in GIMP

Thursday, January 24th, 2008

Sample Gradient BackgroundThe 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…)

How to Add a Gradient Background to a CSS Tooltip

Monday, January 21st, 2008

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.

(more…)

How to Create Tooltips You Can Style with CSS

Saturday, January 19th, 2008

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.

(more…)

Why Don’t My Images Appear in My HTML E-mail?

Wednesday, January 16th, 2008

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…)