H1 header Image

[ikonic]

@1nspire - originally I was going to go to town on you but the more i re-read your post i can't help shake the fact that i think you suffer from some form of mild mental retardation.

Therefore i will just post a trivial vulnerability (out of the many i found) in one of your websites as a warning of what you can expect from me when i decide i had enough of you.

PS: Don't post code unless you can write it securely. it makes you look like a douche

PPS: Fag

 

[d03boy]

Use an H1 and set its background to the image you want. Then type in the text you want and hide the text by using zindex:-9999 or something. There are a few ways to hide it. I am doing this in my website (see image below). Just view my source.

 

[d03boy]

I use something similar for wordpress:

<div id="header">
<h1><a href="<?php echo get_settings('home'); ?>/" title="blablabla"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>

#header h1  {
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
#header h1 a {
    background-image: url(images/logo.gif);
    background-repeat: no-repeat;
    display: block;
    width: 310px;
    height: 60px;
    border: 0;
}

I don't think the text-indent works in older IE versions unfortunately. I typically use zindex

And to the op, you probably dont want to use an <img> tag because its really not content on your page. Only use <img> when the image is actually a piece of content.