In the above examples you may have noticed that I also put text in the handle (header).

This was done by changing the handle code in your HTML Object as follows:

Web Studio Site

Main Menu

Graphics

Web Studio Forums

Loren's Layered Thumbnail / Pop-Ups Tutorial / Working With Text                 * All credit for developing this in-depth tutorial goes to Loren - Great Job! *

Working With Text

            Note: Before we begin on this very short subject. A word of Caution! Whenever you write text to the Object link, ensure that you place
            a backslash before any apostrophe, as in the following example. If you don't things have a tendency to get messed up!

            Text: Who's to know?

All single quote marks and commas must remain in the code. If one gets eliminated you will get unexpected results.

I asked a simple question about how many H tags one could have for a site, and here is her response:

"I don't know why anyone would want more than 4 - 6 h tags; U guess you could though, never tried it. Your h tags count more with search engines if there's at least a small paragraph under and related to it.

There are numerous safe fonts mentioned:
font-family: Verdana,Times New Roman,Tahoma,Arial,Helvetica;

At the beginning, put the one you want, followed by others - the browser will start with first one, but if not on the visitor's computer, it will keep looking until it finds one that is there. 

If none of the H tag fonts requested are on the visitors computer (which would probably never happen) ... Huge, Black, primary fonts."

The reason that I asked the above question is so that I could complete this tutorial.

Using the same code, I will now put a couple of line breaks in the demo.

A bit of CSS code to help you format text in a pop-up with text, or a simple text pop-up.

Thanks to Helen for her guidance on this.

To Quote from Helen:

"Here's a little code to allow the benefits of h tags, yet control the size, color, font. Put it in the head section of source code. You'll quickly see where to edit it to fit your particular page:"

"You would use them on the body of your page in the order of importance (down the page in order like this (not skipping around):"

So let's put a few H tags onto our page:

I started the above H tags at 2, because 1 is already used in the Pop-up code at the head of the document, and I placed the CSS code after the Pop-up code. For H5, I added text-align:left. H6 is used in the Header (see below).

Click on the button below for a demo.

Click on the button below for a demo.

Note that &nbsp; was used several times as a way of adding space to center the text in the header bar. If they weren't used, the text would shift to the right. This is due to the <H6> style set in the page code (above) that aligns things to the right. Aligning to the right was needed to place the "X" (close) box in the right corner of the header section. The last &nbsp used should have the semi-colon removed.

Site Map