Forum Moderators: open
Could a solution to the lack of graphics and SEO be something like this:
<a style="display: block; background: url(img.gif) no-repeat; width: 100px; height: 50px; text-indent:-10000px;">Anchor text</a> Then the anchor text would be equally acounted for as regular text links right? Even if I use CSS to replace the anchor text with a background image.
[webmasterworld.com...]
What is that linking to? Like <a href="targetpage.htm">anchor text</a> It's putting a background behind what's supposed to be anchor text, but is it a link, except to the background graphic within the style designation?
This is Phark Method image replacement (code courtesy of Mezzoblue):
<h3 id="header">
Revised Image Replacement
</h3>
/* css */
#header {
text-indent: -100em;
overflow: hidden;
background: url(sample-opaque.gif);
height: 25px;
}
[edited by: ncw164x at 12:01 pm (utc) on Nov. 23, 2004]
The CSS hides the text beyond the viewable screen (text-indent) and the rest puts a graphic background image there instead. Since it is displayed as a block, the whole background image will act like a link.
The question is: would this be an acceptable technique to produce banners that has the same SEO value as normal text links?
<edit>Thanks ncw164x, you answered my question at the same time I re-posted it</edit>