Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: incrediBILL
<div id="header"><h1>Example Header</h1></div>
then in your css:
this post might also be helpful:
in addition google keywords meta tag
then style your h1 font to look as close as possible to your image.
header images are also discussed in-depth in this WebmasterWorld thread:
accessibility and <h1> header images [webmasterworld.com]
One can also do image replacement using CSS:
background: url('example.jpg') no-repeat center top;
height: 100px; /*or whatever you need*/
in your html it just becomes:
There are various other ways to do the replacemnt in CSS, just showing one here.
(the text is there it's just way outside of your viewport)
I've used all sort of methods. I like the background only the best as long as the font requirements can be settled, but recently did it as I have above for the simple reason that the owner insisted on a heavy 3d shadow on the font ...
If you use CSS positioning, you can easily combine the method of a graphical background on a banner andreplacing the text on a h1 inside the banner.