Rollover image NOT hiding

I have a weird glitch I can't figure out with one of my rollover images. I am using a smart shape as a button and have placed a rollover image over top of it so the two together will function as a rollover button like on webpages. The 'button' is grouped with two text areas and the group is placed on slide 1 with all four objects in the group defined as NOT visible in output, timed to display for entire project, and forced to be on top so it can function as a 'lightbox' effect with a close button. When I need this 'lightbox' with the text and the 'button' (smart shape button and image rollover), I SHOW the group through an advanced action. Once shown, the button functions as expected, and the button is programmed to go to the next slide. One slide 2, there is an OnEnter Event that hides the lightbox (and button in the group), along with other graphics to reset the slide graphics. The screenshot below is part of the lightbox with the offending button. When I mouseover the black button (smart shape being used as a button with a graphic fill), it swaps to an orange color
OK, so here's the weird part....I can open the lightbox without a problem. My 'button' shows up and the image swaps when the mouse hovers over. Beautiful. It disappears on mouseout. Perfect. I put my mouse over the button again and the image swaps to the over image perfectly again. I click the button and Captivate takes me to slide 2 and all the graphics hide (according to the OnEnter advanced action on slide 2) EXCEPT the rollover graphic. That graphic stays rendered on the screen until I go to the next slide and it gets hidden by the OnEnter advanced action for slide 3 (which is the same exact action as slide 2). The 'Next' Text is a text box with a link defined. The link has the exact same functionality defined as the button...go to the next slide. The screenshot below shows the result if I use the arrow button to go to the next slide. The orange arrow is left over from slide 1, and the black button (in the middle) is from slide 2.
Is there a reason that the mouseover image still renders? Is it because IO have my mouse over the image so it won't recognize the OnEnter Action telling it to disappear or something? I have other buttons with the exact same functionality that work just fine from slide to slide. It's only this one particular button that does it. I have replaced the rollover image, renamed the group (in both the slide and the advanced action), and even tried to create graphics to mask the weird functionality...to no avail.
Anyone out there have a suggestion of what to try? Oh...Using CP7, btw.

My concern wasn't with the navbar, but thanks for the headsup.
The problem is that the link in the upper left hand corner, Suzie's Story, is a rollover image but it does not reveal the other image when the cursor goes over it.
                        <div id="topTabs1">
   <div align="center"><a href="http://www.google.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('suzie','','Images/Suzie's Story Tab_light.jpg',1)"><img src="Images/Suzie's Story Tab_black.jpg" alt="suzie" name="suzie" width="75" height="45" border="0" id="suzie" /></a></div>
         </div>
#topTabs1 {
width: 75px;
height: 45px;
float: left;
background-color: #ffffff;
padding-left: 0px;
padding-right: 0px

Similar Messages

  • Why are my rollover images not appearing correctly in my browser?

    I have created rollover images for some of my site navigation, and when I view it in my browser, they are not in the correct place on the page. When I click on each rollover, it eventually goes to the right place when I return to that page, but I must do this to all rollover navigation buttons in order for them to show up in the correct place. The links work fine. I am relatively new to this, so not sure if I am providing all the correct info here. My site is www.pfeiferdesign.com. I am using DW CS4. Would appreciate any suggestions!! Thanks

    Where is it you want the navigation to appear?
    Try this CSS -
    #mainnav {
    clear: both;
    display: block;
    float:right;
    margin-right:50px;
    margin-top:25px;
    overflow:hidden;
    padding:0;
    width:350px;
    Is that anywhere close?

  • Swf file causing rollover images not to work

    I've inserted a Flash file into my webpage in Dreamweaver and it broke all my rollover images.  Even deleting the swf file and reinserting the rollover images doesn't work.  I've read a few threads on this but can't quite find exactly what I'm looking for.  I think it's something in the <head> code but I'm not sure.  Any help would be much appreciated!
    <head>
    <title>Matt  Relstab | Still Photography | Moving Pictures | Sound  Design</title>
    <meta http-equiv="Content-Type"  content="text/html; charset=ISO-8859-1">
    <script type="text/javascript">
    <!--
    function  MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr;  for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)  x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var  d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
         var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;  i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;  d.MM_p[j++].src=a[i];}}
    function  MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document;  if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document;  n=n.substring(0,p);}
      if(!(x=d[n])&&d.all)  x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)  x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++)  x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return  x;
    function MM_swapImage() { //v3.0
      var  i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;  for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x;  if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    <meta  name="keywords" content="natural light photography, media producer  boston, online media, photographs, sound design, audio for film, web  video, video production,
    boston production, portable recorder, digital photography, digital  media production">
    </script>
    <style  type="text/css">
    <!--
    body {
    background-color: #3f4450;
    -->
    </style>
    <script  src="Scripts/AC_RunActiveContent.js"  type="text/javascript"></script>
    </head>

    For starters, look at the first line on your errant page, it starts out:
    <meta name="keywords" content="audio reel, foley artist, sound effects mixer, audio mixer
    boston, sound engineer, post production">
    <html>
    Thats not good.  If you look at your other pages, the <html> tag is first, the way it should be.
    Switch them around, then try this, remove your <html> tag (the very first tag is where is should be) and replace it with this
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    See what that does for you.
    Gary
    On Edit:  I just noticed that you have
    <meta name="keywords" content="natural light photography, media producer boston,
    online media, photographs, sound design, audio for film, web video, video production,
    boston production, portable recorder, digital photography, digital media production">
    inside your js for the rollovers...Move them out of the script.
    GAry

  • Rollover images not working

    I've looked through the different rollover discussion in the forum, but nothing I've found has been able to help me so far.
    I'm trying to set up a very simple menubar for my website, and have gotten the look about how I want it, but the rollover images do not display .
    The page i've been testing is here: http://www.michaelwebbdesign.com/index2.html
    Thank you for any help you can offer.

    Have a look at the following
    <li><a href="home.html"><img src="images/nav/nav1off.jpg" name="logo" border="0" onmouseover="" onMouseOut="about.src='images/nav/nav1off.jpg'"/></a></li>
    What the above tells the browser is
    link an image named logo
    onmouseover (note the absence of an upper case M and O) do nothing
    onMouseOut show the image named about
    The above should read
    <li><a href="home.html"><img src="images/nav/nav1off.jpg" name="logo" border="0" onMouseOver="logo.src='images/nav/nav/nav1on.jpg'" onMouseOut="logo.src='images/nav/nav1off.jpg'"/></a></li>
    Now we get
    link an image named logo
    onMouseOver replace the logo image with nav1on.jpg
    onMouseOut replace the logo imgae with nav1off.jpg
    Please keep in mind that the image name must be unique (appear once per document) and that it is better to have an HTML link with a dash/hyphen instead of a space or a period as in nav4_5.jpg.
    Gramps

  • HELP-Rollover image not working

    I am having problems with the rollover image on my index page @ edzayi.com.  While the rollover images work fine on the rest of my pages it is not working on this particular page.  I have checked the code on different pages and compared it to my index page and although everything looks the same, it is still not working.  HELP!!!!

    eddem wrote:
    Thanks so much Nadia.  It was a matter of moving the meta script.  You are the best!!  Now it works the way I intended it to: www.edzayi.com
    You're welcome  :-)
    And yes, the right alignment was intentional.
    Does look a little strange though  - would look much better centered (personal opinion of course)     ;-)
    Nadia
    Adobe® Community Expert : Dreamweaver
    http://twitter.com/nadiap
    Unique CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    http://csstemplates.com.au/

  • Rollover image not displaying second image, please help me

    Hello,
    I am trying to get 4 buttons on my page to display one image and then when a mouse rollsover to display a second image.  I have created 8 images.  2 for each of the 4 buttons.
    http://caliberproductsinc.com/Caliber%20Marine/boatrollers.htm
    Here is my page.  The 4 buttons I am concerend with are the "questions, manuels brochure, news" at the bottom.  The image displayed is the first image the second "rollover" image is the same except our logo turns red.
    I placed them by using insert, image objects, rollover image.  I pointed the first to the image that you are seeing and the "rollover image" to the red version.  The first image shows up fine.  The second never shows up?  Can anyone tell me why?  What am I doing wrong?
    Thanks

    "...dry roted...."  - I assume you mean "dry rotted"?
    Anyhow, on line 35 of your code, change this -
    function MM_swapImgRestore() { //v3.0
    to this -
    function MM_swapImgRestore() { //v3.0
    That slash doesn't belong there.

  • Rollover images not displaying

    I created a horizontal navigation bar in a table using rollover images. I'm planning on changing it to an unordered list with CSS soon, but until I do there is a major problem. Randomly, the buttoms aren't displaying. In browser lab they will just show as an icon. The site isn't live, but I can sent you the code. Thanks.

    I'm planning on changing it to an unordered list with CSS soon,
    What are you waiting for??  Image rollover menus are awful to maintain and they don't work on Smartphones (touch screens).   Ditch the image rollovers immediately.
    Download free Widget Browser
    Log-in to Adobe Exchange and grab Spry Menus 2.0
    There's no time like the present!!!
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Rollover images not properly aligning in design view

    Hello,
    I am a self taught Web design teacher and I have seemed to run into an issue with roll-over images as links. I am teaching my students to use photoshop to create two images for rollover buttons. When the students insert the images, everything works fine except for the alignment on page. One link/button makes a new line on the page and forces everything to the right on screen. But when we preview it in a browser, it looks correct. I also don't know any JAVA coding other than what I should be looking at when we create the rollover links. Do you have any suggestions for me?
          (also if you find anything that is obsolete in my code, please let me know. Again, I am self taught with NO formal education in it)
    dreamweaver
    browser
    if you need the coding of the page, here (edited to save reading time):
    #wrapper {
              width: 960px;
              margin-right: auto;
              margin-left: auto;
              background-color: #5B1E1E;
              height: 780px;
              margin-top: 10px;
    #wrapper2 {
              background-color: #CCCCCC;
              height: 835px;
              width: 1000px;
              margin-right: auto;
              margin-left: auto;
    #wrapper #topnav #topnav1 {
              height: 40px;
              width: 940px;
              background-color: #5B1E1E;
              margin-right: auto;
              margin-left: auto;
              margin-top: 5px;
    #wrapper #topnav #topnav1 #home {
              height: 40px;
              width: 152.5px;
              float: left;
    #wrapper #topnav #topnav1 #home2 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    #wrapper #topnav #topnav1 #home3 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    #wrapper #topnav #topnav1 #home4 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    #wrapper #topnav #topnav1 #home5 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    #wrapper #topnav #topnav1 #home6 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    </head>
    <body onload="MM_preloadImages('tools_images/home_over.jpg','tools_images/bhs_over.jpg','tools_ images/mset_over.jpg','tools_images/TR_over.jpg','tools_images/video_over.jpg','tools_imag es/web_over.jpg')">
    <div id="wrapper2"><span class="style1">.
    </span>
      <div id="wrapper">
      <div id="banner">
        <div id="banner1"><img src="tools_images/banner.jpg" alt="banner" width="940" height="70" /></div>
      </div>
      <div id="topnav">
        <div id="topnav1">
          <div id="home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','tools_images/home_over.jpg',1)"><img src="tools_images/home.jpg" alt="home" name="home" width="152" height="40" border="0" id="home7" /></a></div>
          <div id="home2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','tools_images/bhs_over.jpg',1)"><img src="tools_images/bhs.jpg" alt="bhs" name="Image3" width="152.5" height="40" border="0" id="Image3" /></a></div>
          <div id="home3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','tools_images/mset_over.jpg',1)"><img src="tools_images/mset.jpg" alt="mset" name="Image4" width="152" height="40" border="0" id="Image4" /></a></div>
          <div id="home4"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','tools_images/TR_over.jpg',1)"><img src="tools_images/TR.jpg" alt="TR" name="Image5" width="152.5" height="40" border="0" id="Image5" /></a></div>
          <div id="home5"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','tools_images/video_over.jpg',1)"><img src="tools_images/video.jpg" alt="video" name="Image6" width="152.5" height="40" border="0" id="Image6" /></a></div>
          <div id="home6"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','tools_images/web_over.jpg',1)"><img src="tools_images/web.jpg" alt="web" name="Image7" width="152.5" height="40" border="0" id="Image7" /></a></div>
          <div id="blank"></div>
        </div>
      </div>
    </div>

    Thanks Ken!
    I know that, and me personally don't care. But its hard to get my students to grasp the concept of what you see is not always what you get.
    Thank you for your response

  • Rollover image not loading right

    hi...please taka a look at the rollover navegation bar named
    photography. it is menu3_off.
    the navegation bar should read interactive instead of
    photogaphy. but i dont know why this doesnt happen
    this is the link
    http://www.alexcas.com/

    This page is a bad choice. There is no readable content on
    it, thus it is a
    very poor way to get search engine ranking.
    But I do not see anything wrong with your navigation bar, and
    I don't see
    one named photography.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "alexander glomba" <[email protected]> wrote
    in message
    news:gh6ob3$r34$[email protected]..
    > hi...please taka a look at the rollover navegation bar
    named photography.
    > it is
    > menu3_off.
    > the navegation bar should read interactive instead of
    photogaphy. but i
    > dont
    > know why this doesnt happen
    >
    > this is the link
    >
    http://www.alexcas.com/
    >

  • Rollover image works on dreamweaver/preview but not on website

    Hey everybody so I'm working on a site for my new clothing line and I am frustrated out of my mind right now because everything seemed to work fine until I published the site my biggest problem right now is that the rollover images I'm using do not show on the actual site but they work perfectly on dreamweaver and the browser preview PLEASE I NEED HELP
    here's the CSS/HTML (Below)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Store</title>
    <style type="text/css">
    #main .container #content p {
        body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; } 
    body { font-family: Arial, Helvetica, sans-serif; } 
        .container {
            width: 1000px; 
            margin: 0 auto; 
           body { 
            font-family: Arial, Helvetica, sans-serif; 
            background: #e4e2e2;
    .Header {
        background-image: url(images/Doozie-Jank-Website_03.jpg);
        background-repeat: repeat-x;
                   #logo { 
            background: url(images//images/webheader_08.png) no-repeat; 
            height:300px; 
            width: 900px; 
               #logo h1 { 
            text-indent: -9999px; 
            padding-top: 40px;
            ul#menu { 
            list-style: none; 
        ul#menu li a { 
            font-size: 35px; 
            color: #c7c7c7; 
            text-decoration: none; 
        ul#menu { 
            list-style: none; 
            padding-top: 185px; 
        ul#menu li { 
            float: left; 
            padding-left: 60px; 
            ul#menu li { 
            float: left; 
            padding-left: 10px; 
            padding-right: 50px; 
        #view-cart{
            position:absolute;
    right:650px;
    top:305px;
    #rollover{
        margin:100px 20px;
        height: 400px;
        width: 400px;
        text-indent: 10000px;
        overflow: hidden;
        background: url(Images/deer-in-headlights-store.gif) top left no-repeat;
        display: block;
    #rollover:hover{
        background-position: bottom left;
        float:left;
    width:110px;
    height:0px;
    margin:5px;
        #sidebar { 
        float: right; 
               #sidebar { 
            float: right; 
            margin-left: 100px; 
            margin-top: -62px; 
           #footer { 
            background: url(images/footer.jpg) repeat-x;
            padding-top: 20px; 
            padding-bottom:60px; 
            margin-top: 40px; 
              color: #fff; 
        #footer p {
            padding-top: 20px; 
            padding-bottom:60px;
            margin-top: -25px;
            margin-bottom: -25px; 
              color: #fff;
          </style>
    <body class="Header">
            <div id="main"> 
            <div class="container"> 
                 <div id="header"> 
                 <div id="logo"> 
        <h1>Doozie Jank</h1>
                 <ul id="menu"> 
            <li><a href="index.html">Blog</a></li> 
            <li><a href="Store.html">Store</a></li> 
            <li><a href="About.html">About</a></li> 
            <li><a href="Contact.html">Contact</a></li>
             <li><a href="#">Cart</a></li>
    </form>
        </ul> 
                 </div>
                 </div><!--end header -->
                  <div id="view-cart">
                  <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_cart">
    <input type="hidden" name="business" value="8JUVRPJ32YCFC">
    <input type="hidden" name="display" value="1">
    <input type="image" src="images/images/button-view-cart_23.png" width="174" height="47" >
    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
                  </div><!--end view-Cart-->
    <div id="sidebar">
        <ul>
                         <a href="http://www.facebook.com/home.php#!/pages/Doozie-Jank/137039669686754"><img src="images/Facebook1.png" alt="" width="52" height="54" /></a>
                         <a href="http://twitter.com/DoozieJank"><img src="images/Twitter1.png" alt="" width="52" height="54" /></a>
                        </ul>
         </div><!--end sidebar-->
      <div id="rollover">
       <a href="#"></a>
    </div><!--end shirts-->
    <div id="Buy">
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <table>
    <tr><td><input type="hidden" name="on0" value="Sizes">Sizes</td></tr><tr><td><select name="os0">
        <option value="Mens-S">Mens-S </option>
        <option value="Mens-M">Mens-M </option>
        <option value="Mens-L">Mens-L </option>
        <option value="Mens-XL">Mens-XL </option>
        <option value="Womens-S">Womens-S </option>
        <option value="Womens-M">Womens-M </option>
        <option value="Womens-L">Womens-L </option>
        <option value="Womens-XL">Womens-XL </option>
    </select> </td></tr>
    </table>
    <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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 +9ftudFJDcAOzlVFH86Mhhv-----END PKCS7-----
    ">
    <input type="image"src="images/images/button-view-cart_13.png" width="160" height="43">
    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <table>
    <tr><td><input type="hidden" name="on0" value="Sizes">Sizes</td></tr><tr><td><select name="os0">
        <option value="Men's-S">Men's-S </option>
        <option value="Men's-M">Men's-M </option>
        <option value="Men's-L">Men's-L </option>
        <option value="Men's-XL">Men's-XL </option>
        <option value="Women's-S">Women's-S </option>
        <option value="Women's-M">Women's-M </option>
        <option value="Women's-L">Women's-L </option>
        <option value="Women's-XL">Women's-XL </option>
    </select> </td></tr>
    </table>
    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <table>
    <tr><td><input type="hidden" name="on0" value="Sizes">Sizes</td></tr><tr><td><select name="os0">
        <option value="Mens-S">Mens-S </option>
        <option value="Mens-M">Mens-M </option>
        <option value="Mens-L">Mens-L </option>
        <option value="Mens-XL">Mens-XL </option>
        <option value="Womens-S">Womens-S </option>
        <option value="Womens-M">Womens-M </option>
        <option value="Womens-L">Womens-L </option>
        <option value="Womens-XL">Womens-XL </option>
    </select> </td></tr>
    </table>
    <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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 hzSw3oItgcbXf9EB/o/qXtb-----END PKCS7-----
    ">
    <input type="image" src="images/images/button-view-cart_19.png" width="197" height="44" />
    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
       </div><!--end buy-->
    <div id="footer"> 
            <div class="container"> 
              <p>Copyright © 2010 Doozie Jank<br /> 
                All Rights Reserved</p> 
            </div><!--end footer container--> 
        </div><!--end footer-->
    </head>
    <body>
    </body>
    </html>

    Fix your validation errors first -
    http://validator.w3.org/unicorn/check?ucn_uri=dooziejank.com%2FDeer%2520in%2520The%2520Hea dlights.html&ucn_lang=en&ucn_task=conformance#
    For example, you have no </head> tag....
    And it's a very bad idea to use spaces in your filenames for the web
    Deer in The Headlights.html

  • Rollover image does not work

    Hello,
    I created a rollover image on dreamweaver but it seems it does not work well because it work on some broswer and some not, also in some browser after I click it starts working.  So I do not know what is wrong?
    Here is the link of page:
    http://mersadesign.com/demo/kamran-motiee/
    Can you please tell me what is the problem?
    Thanks,

    If you are talking about the single rollover on that page you linked, it's a bog-standard rollover that will work in every browser.  Can't imagine why you are having problems with it.
    By the way, the values for the name and the id attributes must not contain spaces....

  • Fade in Fade out not working on Rollover Image for Captivate 6

    Hi
    I am totally baffled with this issue.  When I use Fade in 0.5 sec and Fade Out 0.5 seconds on a rollover image, it will not work.  I even changed the default on my preferences for rollover images and it still will not work and does not show in my accordian panel in properties.
    If I use Captivate 5, I do not have any problem.  Any suggestions?
    Thanks
    Jeff

    Are you forgetting that a rollover object has two parts?  It has a hit area and the object that appears when you mouse over the hit area. Each part can have different settings in the Properties tab. In a  rollover caption, the object that appears is a text caption.  In a rollover image, the object is an image.
    If you select the rollover object on the timeline, the Properties you see for it in the Properties tab are for the hit area.  So having fade in or fade out set there will not affect the object that appears on mouseover.
    If you select the caption or image on the stage in Edit mode, the properties shown in the Properties tab are for that specific object and can be different from the hit area of the same rollover object. 
    In your case, make sure that your image is set to have fade in or fade out.  Fading on a hit area of a rollover object is not really useful at all.

  • Help needed; underscore in rollover image name will not validate at WC3

    GoLive CS on an Intel PC
    UTF8 encoded, HTML 4.01 Transitional
    I have several rollovers in a page created by using the GoLive palletes, and because GoLive automatically adds an underscore to an image name in a nested folder the page cannot validate at the WC3 site. What do I need to do so that the underscore will not be added automatically? I've tried adding a name/ID to the image before creating the rollover, but it disregards the name and uses what it thinks is best, adding the underscore.
    The page is located here:
    http://www.redshift.com/~lorac/sdy-55.html
    I have attached three images that show the file names used and the results in the GoLive pallete. The first is a screenshot of the folder structure, the second is the placed image pallete and the third is the rollover pallete view.GoLive is set to strip all the GoLive code from the page before uploading, so the web version will not have any GL code.
    A sample WC3 comment is:
    Line 86, Column 226:         value of attribute "ID" invalid: "_" cannot start a name
    …pg');return true" href="#"><img id="_5502" class="img_border" src="images/jhj

    It is possible that you violated the naming convention for this attribute.       For example, id and name attributes must begin with       a letter, not a digit.
    Do I need to unnest any folders with potential rollover images? That would be a real pain... considering the amount sections and images used in the site.
    Thank you in advance for any help you can give.
    Carol

    I did as you suggested and added to the beginning of the default underscored name in the "name/ID" section and it was accepted. I changed all the rollover image names and uploaded the modified page, and was then able to validate at the WC3 validation site.
    Thank you so much! It was an easy fix... a solution I had overlooked. Oddly enough this never occurs with a remote rollover, but that is probably because GL lets you name the base image without suggesting a name first.
    Carol

  • How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database

    How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database table) using Dreamweaver’s Repeat Region. Example: I have different products each one associated (through their productID) with two images (one that’s showing in the page and one for the rollover effect) that are pulled from a database using Dreamweaver’s Recordset. So I want to end up with a page containing row after row of images(one for every product).When moused over each image will reveal the second (rollover) image for the same product which in turn can be a link(the image itself ) that when clicked leads to a detailed page with more information about the product the image is associated with. To show row after row with images for the different products in the database table I am using Dreamweaver’s Insert Rollover Image command and then the  Repeat Region – I have no problem to complete the steps, to insert the image and the rollover one at once and set the paths so they are pulled dynamically depending on the productID they are associated with .I have also no problem to apply the Repeat Region so not only the first image associated with the first product in the table is shown but all of them-a routine and standard procedure when using the Repeat Region to dynamically generate and display multiple rows of data. However, when I preview the page the rollover effect is lost –the images are shown but when moused over the second  image does not  show. The problem is caused when the Repeat Region is applied-once again I am allowed to apply it but the rollover stops working, a kind of interference. ANY SOLLUTION PLEASE, ANY WORK AROUND.

    I gotta tell you, using multiple images for rollover effects is going to be a big challenge in your dynamic scenario. 
    If this were my product page, I would use thumbnails with a bit of CSS opacity or filters to desaturate and make them full opacity/color on mouse over.  Nice effect with much less bandwidth. Easily done globally with CSS code.
    Two examples:
    http://alt-web.com/GALLERY/GalleryTest.php
    http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
    Nancy O.

  • How do you add multiple links to a rollover image?

    Hi guys,
    I'm pretty much a novice when it come to DW, but i understand some things and can get by with a simple website(i only use design mode).
    Anyways, i understand how to use rollovers if its a basic image over image swap. My issue is, I have a link that says "T-shirts" and what i want is when you roll the mouse over that text, it swaps to another text -"1 or 2". Now on the "1 or 2" image, i want to have 2 seperate links on them.  I tried using hotspots but to no avail. Everytime, the "1 or2" text comes out as a single link. Is doing this possible? I'm using CS4 if that helps btw.
    Thanks!!

    I think you're trying to make something that is more complicated than it needs to be... First, as far as I know there is no easy way to accomplish what you're trying to do with a single image...
    The first option would be to split your initial image in half, and create a rollover effect on the left half on rollover with the specified link 1, and add a second rollover effect on the right side image so that it also changes. Do the same with the right half image - create the rollover effect along with the link for that image only, then add a rollover script that affects the left side image (I've attached a very basic sample to demonstrate in the zip folder - note that there are two rollover images - each with a separate web link, and each has a rollover effect that affects both buttons...)
    Second option is perhaps using a "Dropdown" menu that (on rollover) shows two more links... there are many ways this can be accomplished - the easiest (in my opinion) is by using the "spry menu bar". Once created, you can adjust the colors, fonts etc., and an image could be replaced on the initial link within the css... (my website is still under construction, but hopefully will show what I mean: http://www.jgigandet.com/) If you google "drop-down menu html, you'll find several other alternatives  to spry as well...
    Hope that helps...
    Jesse

Maybe you are looking for

  • Links in email do not open

    Using v25.0.1 on a Mac running OS X Lion. When I open a link in an e-mail, if Firefox is already running the link opens without any problems. If Firefox is not already running, clicking the link only launches Firefox and takes me to my home page. I h

  • How do i remove a phone from my itunes?

    I have 3 phones on my itunes account.  I would like to remove one, how do I do this?

  • Cannot parse the wsdl

    I was trying to create a proxy object in power builder 11.5 for the OSB web services and was getting an error as "cannot parse the wsdl". Did any one successfully tried OSB webservices integeration in PB 11.5? Please let me know how to integrate OSB

  • I ordered a laptop on the 7th and on the 8th they took $80 off! How do I get credit back?

    On January 7th, 2008, I ordered a Thinkpad T61p. When I went on the website, the next day to look at the order status, I noticed that the same exact computer was $80 cheaper. It was less than 24 hrs after I had bought mine! Thats just not fair! Does

  • Preload Data Forms in Planning

    A best practice identified with Hyperion Planning is to preload the most commonly used data forms in order to reduce the initial load time for these forms when they are first access by users. What approach do you recommend to actually preload the for