i have a DIV element with a hyperlink in it
i want to make the div appear like a button . how do i do it using css
The button should react on hover, I guess. IE6 does not hover on anything but links, but you can style the link itself to mimic a button. Test something like this:
.buttonlink{
display:block;
border-style:solid;
border-color:#bbb #888 #666 #aaa;
border-width:3px 4px 4px 3px;
width:9em;
height:2em;
background:#ccc;
color:#333;
line-height:2;
text-align:center;
text-decoration:none;
font-weight:900;
}
.buttonlink:hover{
border-color: #666 #aaa #bbb #888;
border-width:4px 3px 3px 4px;
color:#000;
}
<a class="buttonlink" href="#">Button Link</a>