Rollover image problem

Hello, got a problem with my site
carolynalexander.co.uk
that is driving me crazy.
On a few of my pages I've inserted roll over buttons with
dreamweaver. When you roll over them the image changes just like I
wanted but an extra block of colour appears outside the margin on
each image too. The pages affected are
illustration,
sketchbook,
and
art.
On IE it looks ok, but on safari and ff its awful.
I've tried changing almost every option in css but nothing
seems to get rid of it apart from when I remove the margins and
have them right next each other, but for the sake of the design I
would like to keep the margin.
If anyone has any suggestions I be extremely grateful!
cheers
Carolyn

HI! I see your issue now that I have upgraded opera to the latest version.
To narrow down the possibilities. I suggest that you create a test page and remove all but the rollover scripts for that image.
PS. I suggest the following:
1: That you use an external CSS.
2: That you check you page with W3C.org ( It found 6 errors with your page. )
3: If problems persist with your rollover you may want to consider using CSS to change the images instead of the javascript.
Paul d

Similar Messages

Rollover image : strange problem

Hello,
I've got a very strange problem :
I recently bought a new PC (ACER Aspire M5641, with Vista
32), and installed Adobe Web Standard CS4 (to replace my DW 8 and
FW 8).
I make rollover images with FW for years without problem
(i.e. without having to configure anything on the soft or the OS).
Since I work with the new setup, each time I test my rollover
image on Firefox or IE 8, when clicking on the test (not on hover)
image, I got a "red-then-blue" point appearing on the top left of
the image.
Any Idea ?
Many thanks for your help. I'm stuck.

Can you post the png file?

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.

CP7 Rollover images Show up every OTHER slide

I am using CP7 and I have a number of graphics on slide 1 that I have defined to have a 'rest of project' timing. I have made multiple groups of graphics on slide 1 and I have made them to NOT be 'visible in output' this way, when I need them, I can use advanced actions to hide/show them (by group name) when I need them for subsequent slides. I am using slide 1 for this instead of the master slide because I need to define the stacking of graphics fairly specifically (slide 3 and further have some graphics that need to be in front of some things and behind some other things).
The set up is that I have a smart shape with a graphic and I am using it as a button on slide 1 (NOT visible in output and lasts for rest of project). Overlayed over top of my smart shape/button is a rollover image. The two objects work just like a rollover button you would see on the web. There is an advanced action that opens the group that the button is a part of and a few other graphic groups that I need to make it look good. When you click the button, there is another advanced action that is supposed to hide the group that both of those graphics are in, plus the other graphics that make it look good, and then go to the next slide. There is an advanced action on the next slide OnEnter that shows the what is needed for the beginning of the next slide.
So, here's the problem. When I click my button, everything disappears and goes to the next slide EXCEPT the rollover graphic, which stays on the screen and on top of all other graphics in slide 2. The SAME EXACT advanced action is used on slide 2 to go to slide 3 (with the same exact button because they are all really on slide 1 the whole time and just being made visible or invisible). When I click, I go to slide 3 and the rollover graphic is gone. I click the button again (to go to slide 4) and I go to slide 4 but the rollover graphic is BACK AGAIN!
I know that this is a complicated write-up, and I am going to go start from scratch to see if I can replicate the problem with a stripped down version of the advanced actions in a new file, but I am hoping someone can point me in the right direction about what is going on. I have deleted and re-inserted the rollover image, but it still does the same thing. I have re-coded the advanced action and it still does it. I have copied rollover images that DONT have this weird glitch and it still does it.
Anyone have any ideas?

I found a 'workaround' to this problem, but I would still like to know what is going on underneath to make this happen. Since I have all the rollover graphics on the first slide with timing or 'rest of project' I just made an animated button in Flash and imported it as a .swf to replace the rollover image. I changed the smart shape underneath from having the image of the button to being transparent (still have it being used as a button with all the same advanced actions as before). Now the swf handles the rollover and the transparent smart button underneath handles the OnClick action and everything works great.
Not sure what was going on with the rollover images, but at least I was able to get the result I needed.

Need help inserting 2 rollover images in a footer

I used two separate rollover images to put in a footer of a
page. When seeing in a browser I only see one rollover, the footer
is big enough I don't understand. Yet if I delete the second
rollover and copy the first underneath I see it in the browser but
after giving the image another name and swapping for the correct
images I disappears. I have no problem using the add hyperlink
which works fine. but the client insists I use the rollover images.
any help?

To add to the advice from Ann, if you visit the Creative Cow website there are a mass of After Effects video tutorials where you will find one that is specifically for your task.

Horizontal Menu Bar Rollover image

I have been slowly piecing together some Horizontal Menu Bars
by learning from the code on this page...
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
keeping that in mind my code is probably wrong in a number of
ways. The problem that I have run into and cant seem to solve on my
own is that I want one of my Horizontal Menu bars to have rollover
images only on the primary level. If you follow the link below you
can see what I have done thus far. The "tabs" are images and I want
them to rollover to another image, which is just the same tab in a
darker shade of grey. The tabbed menu bar is labeled MenuBar2 in
the code
http://www.du.edu/~dborges/test1.html
The other problem I’ve been having with both menu bars
is the way they appear in IE... it looks great in everything else.

Hi Beth, I have been going crazy on this end with the Sub Menus showing up at the top of the Internet Explorer Browser. They work fine in FF and Chrome...
I have CS4 and tried reading everything possible.... here is my page. I am normally pretty good at resolving these issues but I'm going nuts.. ha!
http://www.ilovemydogfans.com/index-testdrops
Thank you for any assistance you can provide. I would be forever grateful!
Dave
David Abbott
I Love My Dog
[email protected]

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>
              <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>
<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>
<div id="rollover">
   <a href="#"></a>
</div>
<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>
<div id="footer">
        <div class="container">
          <p>Copyright © 2010 Doozie Jank<br />
            All Rights Reserved</p>
        </div>
    </div>
</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 images in Dreamweaver CS6 show blue frame in Internet Explorer...

Hi
I've created some very simple rollover buttons in Photoshop and placed them into Dreamweaver as rollover images to use as a navigation bar.
They appear correct in all browsers except Internet Explorer - they appear with a blue frame around? The table boarder is set to 0...
My Dreamweaver knowledge is very limited so appologies if there is a very simple solution to my problem :-)
Many thanks for any suggestions.
Kim

Thank you for your help - this works :-)
Sorry about my lack of knowledge :-)
Thanks again!

Spry Horizontal menu using rollover images

I see there are a lot of posts about spry menus and problems in IE. I wasnt sure if my problem is the same as the others, so my apologies if it's redundant. I'm working on a site with rollover images in the top menu of a spry menu bar with drop downs that fall below three of the menu items. Everything looks good in Mac/Win Firefox and Mac Safari. In Win IE 8 the menus go horizontally, left to right, instead of falling below the top level item as they should.
The site is here: http://tinyurl.com/y8dxo8m
The Spry CSS is here: http://tinyurl.com/yd8yhem
Should I not be using rollover images with the Spry menu? I've spent quite a bit of time on trying to solve this, including attempting to rebuild the menu from scratch.

I Paty, I just inserted the Dreamweaver rollover into the navigation. I'm not sure if that's the best approach to achieve what i wanted out of my design, but it seems to work. I checked it in Adobe's Browserlab and it works across all browsers. I'm looking into purchasing the Project7 product. It's not a lot of money and seems easier to work with for embedded graphics than the spry software. I spent way too much time with the spry trying to get the nav to look like I wanted it to while working in all browsers.

Rollover Images and Captions

Can anyone give me a short, step by step way to
create rollover images with captions. I couldn't manage to get that
done, and when I read the Help screens within the application, it
didn't help either.
In particular, here was the problem: I was in Storyboard with
the slide highlighted that I wanted to add the rollover image and
caption. When I went up to the Insert drop-down menu and clicked on
Rollover Images, there were no images; I was simply taken to My
Documents.
I hope somebody can help. I've spent more than 4 hours trying
make this work. I'm SURE it's some little detail that I've failed
to pay attention to.
THANK YOU!
Dean

Hi Dean,
The "little detail that (you) failed to pay attention to" is
just that. In order to insert an image, you have to select the
image to insert. Use Windows Explorer (from \\My Documents\) to
navigate to \\My Documents\My Pictures\ or whereever else you keep
the image you wish to insert, and select it. Understand, it is up
to you to provide the image . . . it's not like you are selecting
from Captivate's own image gallery (though that is a cool idea, now
that I think of it - LOL!)
Your question indicates to me there might be some confusion
about what you want. You said you want "rollover images with
captions". There are rollover images which are just images to which
a mouseover action has been applied, and there are rollover
captions which are just normal captions to which a mouseover action
has been applied ... but there are no rollover images
with captions. The only way to have a rollover display a
caption is to create it yourself. And the "step-by-step" for doing
that is totally dependent on which image editor you are using
(Photoshop, Paintshop Pro, Paint, etc.). But the gist of it is
below.
1) Open the image in your image editor - or create it there
2) Expand the canvas to create extra "blank" space on the
image (for the caption)
3) Use the "Text" tool to create your caption text and add it
to that blank space.
4) Save the image - BMP format works very well, but any
format supported by Captivate.
5) Close the image editor
6) Open or switch to Captivate and the slide on which you
want to place it.
7) Select "Insert > Rollover Image"
8) Select the image (with its included caption)
9) Set its attributes and position it on the slide.
Hope this helps. The reason you wont' find this in the "Help"
files is because it is a creative use of images that is not a
supported function of Captivate itself. If you would like to see
future versions of Captivate support the creation of
images-with-captions, the way to do it is to submit it as a feature
request. The form to do that
is
located at this link
Hope this helps.

Rollover image transparancy

I am creating an EKG competency. On the test slide I have
placed an image that I have created three slices in Photoshop. I
then use those strips as rollover images that is the cheap way of
creating a zoomed image. My problem is that when the image is
activated by the rollover I can see the text below the rollover
image.
So I changed how I saved the slices. I saved the slices with
a white background on each slice. That didn't happen. The
transparancy control in the image properties. To see an example go
to www.awarenessproductions.com/chs.net, click the EKG competency
link, move to a strip slide later in the file.
The file will probably load slow. I need to go through and
reset the strip resolution lower.
Thank you for any assistance you can give.
Fay

Welcome to our community, Fay
Your link doesn't work. At least not for me.
You need to ensure that the image isn't using transparency in
Captivate. When you insert it, there is an option for transparency.
Are you certain that hasn't been enabled?
Cheers... Rick

Image problem in Dreamweaver Please Help!

I have attached an image in dreamweaver and it looks fine when I preview it in the browser but when it put it on the hosting site it is not there. What should I do?

Hi all, i've being talking with Murray regarding an issue that I am having on posting images online with Dreamweaver (please find below), if anyone can help please write.
Murray in answering your question: Yes all images are RGB. let me know if there is anyother thing that I should check.
Thanks,
Gabriel
Just duplicate the information in a new thread on the public Dreamweaver General Discussion forum.
Also, are your images RGB or CMYK? If the latter then they won't show on the web. They must be in RGB color space to show....
Murray
Hi Murray,
Thanks for answering. Yes I have no problem on posting it to the public, it is just that I've being posting this problem in other forums and not getting any answer so I thought that sending a private message could be more efficient. How should I redirect my question to the public forum? just copy my question and post as a new threat?
Regarding my problem I am apparantly doing everything correct. I first created an image folder on my local "website" folder and I put all images there (lower case, single word, jpags and gif). So I went to Insert->Rollover Image and place the images. Then I saved the document and locally tested (pressing F12) and everything was working great. Next I select the document and Site->Put. I reloaded my IE and the images didn't show up. I went back to dreamweaver and manually selected each image that I insert and one by one I upload to the website. I checked the remote server and they are all there on the correct location, but they still dono't appear on my website.
I am researching this problem for more than 5 days and I am really considring to built my website with other tool (rather than Dreamweaver) as I just can't figure it out why in earth these images don't display).
Thanks,
gabriel
Gabriel, do you feel comfortable posting this to the public forum? That's the right way to use it. Let everyone try to help you. When you post there, please be sure to give enough information for someone to try to answer. If a process is failing for you, describe each step in the process with enough detail to allow someone to recreate that process.
Looking at the code on your projects page I can only think that your images are not being uploaded to the correct location. Do you SEE those images on the remote site?
Anyhow, you can add the answer to this to your post on the public forum....
Murray
Hi Murray, I found you in some forums re: Dreamweaver, I hope you can help me. I am trying desperately for the last 6 days upload images on my website. I have checked the sources/paths 1000 times and everything match, I really don't know why I can't see a single image online. The website is www.gabriel.kochece.com, if you go to projects all these links are suppose to be images...
Thanks in advance,
gabriel
Adobe Forums > People > gab_kce > Private Messages > Inbox
Adobe Forums powered by Jive Software's Clearspace ® 2.5.16 - Submit product feedback
© Jive Software
Careers
Online Privacy Policy
Terms of Use
Contact us
Accessibility
Report piracy
Permissions and trademarks
Product license agreements
Send feedback
Copyright © 2010 Adobe Systems Incorporated. All rights reserved.
Use of this website signifies your agreement to the Terms of Use and Online Privacy Policy (updated 07-14-2009).

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....

Rollover images disappearing in Browser Lab

I set up my rollover images for my horizontal nav bar in a table and they look great until I test them in Browser Lab. Then randomly, they disappear. Please give some advise.

Not sure exactly what you mean 'disappear' because Browser Lab is'nt interactive.
I guess you mean that the top level image-button doesn't appear?
I know sometimes in the case of a slideshow the image capture in Browsr Lab gets taken just as the image is fading so it looks like an inage is not there when it really is. Maybe that could be the issue, or though obviously roll-over images don't fade, unless you have an effect on them but it would take a 'trigger' event to do that, not available in Browser Lab
Only real solution is to provide a link to the problem page so someone can test it in the browser that your viewing in Browser Lab.

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

Rollover image problem

Similar Messages

Maybe you are looking for