The Infamous Click Here Now Button
Well ever since our word wrap, I have had some problems getting the weblink button to show an image. I noticed that most everyone else had not done this either which is why I set out to figure the problem out.
As you can see from this white water rafting in california website, I was able to solve the problem without editing the XSL file. Below is the css involved in creating this weblink image.
First I set out to make the container box, this allows the whole image to be clicked on as a link. Next I floated it right and positioned it so it was centered. I added a clear border (assuming your page has a white background). Next, I through in a non repeating image. And Finally tossed all of the weblink text to the left (so that the search engines still read it).
Hope this Helps,
Jeff
#webLinkTop {width:380px;
height:200px;
float:right;
position:relative;
left:-30px;
border: 2px solid #fff;
padding:1em;
background-image:url(’/images/weblink.jpg’);
background-repeat:no-repeat;}
#webLinkTop h2{
position:relative;left:-99999px; height:220px;
}
