I have a friend that showed me a technique on how to add keywords to your page if they don't really fit well in the written content you have.
He put them in a Div and then used CSS to place them -XXXX off the page.
This also didn't give a scroll bar horizontally.
Is this good or bad?
Found the code:
Image Replacement
Image replacement is a great way to display your image without sacrificing your keywork opportunity. This is done by adding the image reference in the css and manually hiding the text. See the example below (this is a real example from our own code).
He put them in a Div and then used CSS to place them -XXXX off the page.
This also didn't give a scroll bar horizontally.
Is this good or bad?
Found the code:
Image Replacement
Image replacement is a great way to display your image without sacrificing your keywork opportunity. This is done by adding the image reference in the css and manually hiding the text. See the example below (this is a real example from our own code).
HTML: <h1 id="logo"><a href="/" title="weburge">weburge</a></h1>
CSS:
#logo {
margin-top: 20px;
float: left;
width: 191px;
height: 49px;
background: transparent url(/images/logo.gif) left top no-repeat;
}
#logo a {
display: block;
width: 191px;
height: 49px;
text-indent: -9999px;
}
As you can see, the text is positioned at -9999px way off stage. Browsers do not care where the text is, as long as it is readable.







