 |
NEW! ©Christine Olinger |
|||||
|
ALL images are 800 X 200 jpg format. Please do not alter them. I have used this size (though many screens are much larger) because is should fit just about every monitor screen without overlapping. No idea how to use them? See the tutorial HERE, at the bottom of the page.
HOW to put your text over the image: The simplest way to use the header without having to edit it is to make it the background image for a table, then insert your title. I am providing the HTML for this here, with some explanations. The sample below is shown in raw HTML you can copy and paste beneath.
Now, here is the HTML you will need to create a header like the one above: <table
width="800" border="0" cellspacing="0"
align="center" background="HarborBoats.jpg"> Explanations and areas to edit: The width and height tags need to STAY 800 and 200, respectively. If you change them the image will not fill and fit. If you would prefer your title to be a different font, edti that; you can also align it top, middle, or bottom AND left, right, or center. I have included a break <br> tag above the title to give a small border without needing CSS or anything else complicated. If you use either a LEFT or RIGHT alignment, I recommend inserting at least one <blockquote> tag to create a margin. The HTML would look like this: <table
width="800" border="0" cellspacing="0"
align="center" background="HarborBoats.jpg"> The table would look like this:
Want your page centered, with the header aligned easily? Make a table with two rows, assign the top row the header graphic, and the bottom row a corresponding color. Here's the HTML: <table
width="800" border="0" cellspacing="0"
align="center">
| ||||||
