Floating Heading Text.

Hi Guys
I?m putting together a small but urgent site over the weekend, see this
temporary parking place: www.ollepersson.com

I have cheated at the moment, by putting the heading text straight into the
heading image.
This must be bad policy both for SEO and linking.

QUESTION:
How do I make these text pieces ?floating?, or in any other way positional
exactly where I want them?

Do I need to make the Header Image a Background item to make it work?


Thanks for any help you have?.


Olle..
olle (AT) goldcoastwebwiz (DOT) com

Ollep wrote:

Hi Guys
I?m putting together a small but urgent site over the weekend, see this
temporary parking place: www.ollepersson.com

I have cheated at the moment, by putting the heading text straight into the
heading image.
This must be bad policy both for SEO and linking.

QUESTION:
How do I make these text pieces ?floating?, or in any other way positional
exactly where I want them?

Do I need to make the Header Image a Background item to make it work?

Type out the text directly after the opening h1 tag, wrap it in a <span>
tag then position the <span> tag with css off-screen

#header span {
position: absolute;
left: -1000px;
}</style>

<div id="header">
<h1><span>Q1 Accommodation Surfers Paradise - Dream - Enjoy -
Rejuvenate</span><img src="images/033Q1Logo.jpg" alt="Surfers Paradise
Logo" width="770" height="320" />
<!-- end #header -->
</h1>
</div>


You can leave the 'image text' in the image itself as the spider will
read whats between the span tag.

You can just use the alt tag as you have done.......the spider will read
that as well.


Linking? what do you need linked, its a header isn't it?.......hummm

Thanks Osgood!

Yea, forget the Linking for now.

Chees

Olle...