Below is an example code that some gave me to make an entire div as a link. You can change the size of the linking area by simply changing the height and width of the div. The problem that I am having is duplicating the same effect in a simple wusiwug program that I am writing. I am supply all the information for the div using styles, but I don’t get the same effect. I am trying to understand why. If someone would be kind enough to look at the code below and then look at the generated code on my website, I would appreciate it. There may be more than one error so please look closely. The page can be found at treecare.tv/INTROPAGE.html
www.treecare.tv/INTROPAGE.html
I was not sure how to put a link on this site. Sorry, I will learn.
Texas Pete
<html>
<head>
<title>DIV Link</title>
<style type="text/css">
.link-container {
border: 1px solid;
width: 25%;
height: 40px;
}
.link-container a {
display: block;
background: #c8c8c8;
height: 100%;
text-align: center;
}
.link-container a:hover {
background: #f8f8f8;
}
</style>
</head>
<body>
<div class="link-container">
<a href="http://www.stackoverflow.com">Stack Overflow</a>
</div>
<div class="link-container">
<a href="http://www.stackoverflow.com">Stack Overflow</a>
</div>
</body> </html>