I am new to these forums. Have been reading the posts here for awhile though and have been impressed by the information.
The question I have deals with a way in CSS of having text links in the code, but only image links appear, and whether or not it is 'acceptable' to search engines. (For example, I know search engines frown on links that are the same color as the background).
What I am doing is setting each link as a text link with a background image. I then indent the text an obnoxious amount (say -9999px) so that the text isn't shown on the browser. Will search engines frown on this?
Example of code:
div id="navigation"
div id="homelink"
a href=http://www.webdevforums.com/archive/index.php/"index.htm" home /a
/div
CSS:
#navigation{
width: 760px;
height: 35px;
margin: 3px 2px 3px 2px;
text-align: left;
text-indent: -9999px;
}
#homelink a{
width: 46px;
background: url(images/home.gif);
}
#homelink a:hover{
background: url(images/homeover.gif);
}
Thanks for the help.
Tim
The question I have deals with a way in CSS of having text links in the code, but only image links appear, and whether or not it is 'acceptable' to search engines. (For example, I know search engines frown on links that are the same color as the background).
What I am doing is setting each link as a text link with a background image. I then indent the text an obnoxious amount (say -9999px) so that the text isn't shown on the browser. Will search engines frown on this?
Example of code:
div id="navigation"
div id="homelink"
a href=http://www.webdevforums.com/archive/index.php/"index.htm" home /a
/div
CSS:
#navigation{
width: 760px;
height: 35px;
margin: 3px 2px 3px 2px;
text-align: left;
text-indent: -9999px;
}
#homelink a{
width: 46px;
background: url(images/home.gif);
}
#homelink a:hover{
background: url(images/homeover.gif);
}
Thanks for the help.
Tim