Also, I've tried in DW to do the following:

Selected the table cell, chose "open in browser window" from the Behaviors panel

Put in the info

Tested...but nothing happens when i click on the table cell.

Script which was added to header of page is

<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

code on table cell is

<table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-video" onfocus="MM_openBrWindow('http://www.yellowpages.com/info-21979997/Lambert-Andrea-LMFT/?auto_pla y=true','VideoPlayer','toolbar=yes,location=yes,status=yes,menubar=yes ,scrollbars=yes,resizable=yes,width=500,height=500')">
                      <tr>
<td width="167" align="left" valign="top"><p class="navheader-lg">Video Clip</p>
                            <p class="navheader-sm">Watch a short<br />
                              testimonial video</p></td>
                      </tr>

What am I missing?

Thanks!

Hi

Thanks for your help. I don't see in that tutorial how to link to another page, only how to hover colors?

Also, I want to open the link in a "borderless window" which I'm trying with the behavior "open browser window" (which is writing that code I posted) but it's not working.

It's not an empty cell, it has text and a background image, as well as a style already applied to the table.

Can you advise given the code I've posted?

Thanks so much.

oh that is exactly what i was trying to...yes, thank you!!

Ok will implement now...and report back...

Thank you so much!

Laura

I just looked again at what you did...and i see you have the hover color, but how do i make both the hover color and background image happen? :-)

Thanks

Here is what I have in the style sheet...

}
.vidA a {
    text-decoration: none;
    display:block;
    background-image: url(../images/videoclip-imageandcolor-tr.gif) no-repeat scroll right bottom;
    background-color:#B1D6D5;
    padding:10px;
}
.vidA a:link, .vidA a:visited, .vidA a:hover{
    color:black;
}
.vidA a:hover{
    background-color:#4AA3C9;
}
.vidA p {
    margin:5px;
}
.audioA a {
    text-decoration: none;
    display:block;
    background-image: url(../images/audioclip-imageandcolor-tr.gif) no-repeat scroll right bottom;
    background-color:#B1D6D5;
    padding:10px;

}
.audioA a:link, .vidA a:visited, .vidA a:hover{
    color:black;
}
.audioA a:hover{
    background-color:#4AA3C9;
}
.audioA p {
    margin:5px;
}

and here is what I have for those tables...

<td align="right" valign="top" bgcolor="#FFFFFF"><table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-video">
                      <tr>
                        <td class="vidA" width="167" height="100" align="left" valign="middle"><a href="http://www.12results.com/video1.html" onclick="MM_openBrWindow('http://www.12results.com/video1.html','','width=400,height=400');retur n false">
      <span class="navheader-lg">Video Clip</span><br />
      <span class="navheader-sm"><br />
      Watch a short<br />
      testimonial video</span></a></td>
                      </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td align="right" valign="top" bgcolor="#FFFFFF"><table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-audio">
                      <tr>
                        <td class="audioA" width="167" height="100" align="left" valign="middle"><a href="http://www.12results.com/video1.html" onclick="MM_openBrWindow('http://www.12results.com/video1.html','','width=400,height=400');retur n false"> <span class="navheader-lg">Audio Clip</span><br />
                              <span class="navheader-sm"><br />
                              Listen to a 40 min<br />
interview about SAW</span></a></td>
                      </tr>
                    </table></td>

---I completely removed the styles for those tables (was background-video, background-audio) because all it had was the background styling (which you said to remove) and can't see any other reason to have it there?

So it's perfect except for the background images are not showing...so did I do something wrong in the fireworks/make transparent process do you think?

Thanks...

Laura

Hmmm...I think i did upload it all? Because was testing it.

Well i like the idea of the hover color but i think it would be better as an image swap and i can change that blue to a green or whatever...

so it's perfect except...

-you lost me on that last explanation

-i do want the background image to show

-but i think an image swap version of "hover color" might be better (which i realize i dindt say before :-)

so i could change the image as it is now (to show as it is now) but swap image to a slightly different color version on hover?

Thanks! Now the background images work great but hover colors don't happen of course. Is there a way to to a background image swap on hover?

Hmmm...nope...what did I do wrong?

.vidA a {
    text-decoration: none;
    display:block;
    background-image: url(../images/videoclip-imageandcolor-tr.gif) ;
    background-position: bottom right;
    background-color:#B1D6D5;
    padding:10px;
}
.vidA a:hover{
    background-image: url(../images/videoclip-imageandcolor-tr-over.gif) ;
}
.audioA a {
    text-decoration: none;
    display:block;
    background-image: url(../images/audioclip-imageandcolor-tr.gif) ;
    background-position: bottom right;
    background-color:#B1D6D5;
    padding:10px;
}
.audioA a:hover{
    background-image: url(../images/audioclip-imageandcolor-tr-over.gif) ;
}

i did make the new images, export wizard in Fireworks, saved as gif with index transparency after I just lightened up the color a little.  Any ideas?

Thanks for hanging in here with me!

Duh...I had them named wrong in the stylehseet.  Ooops :-)

Now it works great! Thanks so much for all of your help! I really appreciate it!