shawdows

[John Robison]

cant get sadwow boxes to work or ability to draw
them.....i want shadows on my buttons and hover buttons
how can i add them do i have to make like a shim .gif and
put them in physically or what????

 

[Jim Carlock]

The best way to go is to use some JavaScript code to do things.

Feel free to try the following code out on a page. It's basically
a hover effect changing pictures upon mouse over.

<div style="position:absolute; top:290px; left:440px;">
<table width="159" border="2" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="159" height="100" align="center" valign="middle">
<!-- start of divflag1.htm include -->
<script language="javascript" type="text/javascript">
<!--
if (document.images) {
var img01=new Image;
var img02=new Image;

img01.src="http://www.microcosmotalk.com/images/flags/usa.gif";
img01.height=50;
img01.width=68;

img02.src="http://www.microcosmotalk.com/images/logos/wh/webhost.jpg";
img02.height=89;
img02.width=109;
}

function fChange2Img1() {
document.images["img"].src=img01.src;
document.images["img"].height=50;
document.images["img"].width=68;
}

function fChange2Img2() {
document.images["img"].src=img02.src;
document.images["img"].height=89;
document.images["img"].width=109;
}
-->
</script>

<div style="position:fixed;">
<a href="http://www.microcosmotalk.com/webhosting/"
onmouseover="fChange2Img2();"
onmouseout="fChange2Img1();">
<img src="http://www.microcosmotalk.com/images/flags/usa.gif"
border="0" width="68" height="50"
alt="Webhosting for $99.00" title="Webhosting for $99.00"
name="img" id="img" />
</a>
</div>

</td>
</tr>
<tr>
<td width="159" height="20" align="center" valign="middle">
<a href="http://www.microcosmotalk.com/webhosting/">$99.00 Hosting</a>
</td>
</tr>
</tbody>
</table>
</div>

http://www.javascriptkit.com/cutpastejava.shtml
http://www.w3schools.com/js/js_examples.asp

HTH ;-D