Spry MenuBarHorizontal Appears Over Image in IE 6&7

I'm working on a website utilizing the spry menu. Image is on the very top of the page and the menu is just below that image. This looks fine in FF and IE8&9 but the menu jumps up and covers the image in IE6&7. I tried changing the width in MenuBarHorizontal CSS from auto to the width of my page because I read that somewhere on this forum but still have the issue. Please help!!!
Here is the portion of the code that's impacted:
<div id="container" style="padding-left:0px;">
  <div id="banner"><a href="home.html" target="_top"><img src="images/genesis_banner.png" width="550" height="50" border="0" /></a>
    <ul id="genesis_menu" class="MenuBarHorizontal">
      <li><a href="home.html" target="_top">Home</a></li>
      <li><a class="MenuBarItemSubmenu" href="products.html" target="_top">Products</a>
        <ul>
          <li><a href="products/Refrigerant_Gas_Monitoring_Systems.html" target="_top">&middot; Refrigerant Gas Monitoring Systems</a></li>
          <li><a href="products/Compressor_Control_Panels.html" target="_top">&middot; Compressor Control Panels</a></li>
          <li><a href="products/Condenser_Control_Panels.html" target="_top">&middot; Condenser Control Panels</a></li>
          <li><a href="products/Room_Evaporator_Control_Panels.html" target="_top">&middot; Room and Evaporator Control Panels</a></li>
          <li><a href="products/Sensors.html" target="_top">&middot; Sensors</a></li>
          <li><a href="products/Energy_Management_Control_Systems.html" target="_top">&middot; Air-Handler, Chiller, and Energy Management Control Systems</a></li>
          <li><a href="products/Breathing_Apparatus.html" target="_top">&middot; Self-Contained Breathing Apparatus and Accessories</a></li>
          <li><a href="products/Alarm_Indication_Equipment.html" target="_top">&middot; Alarm Indication Equipment</a></li>
        </ul>
      </li>
      <li><a href="about.html" target="_top">About Us</a></li>
      <li><a href="news.html" target="_top">News</a></li>
      <li><a href="contact.html" target="_top">Contact Us</a></li>
      <li style="width: 63px; padding-right: 0px;"><a> </a></li>
    </ul>
  </div>
  <br />
  <img src="images/genesis_banner2.png" width="968" height="100"/> <br />
  <br />
</div>
and the CSS:
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 968px;
    text-transform: capitalize;

This is not a Spry related problem, it has to do with normal CSS rules.
Normally I have the following structure
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>No Title</title>
</head>
<body>
<div id="header">
    Heading
</div>
<div id="nav">
  Navigation Bar
</div>   
<div id="content">
   Content
</div>
<div id="footer">
  Footer
</div>
</body>
</html>
This structure ensures that each of the layout elements is contained within its own wrapping container and not interfere with its neighbouring wrapper
Incidently, your use of the container div is not required if you place the proper rules within the body element.
Gramps

Similar Messages

  • How do I remove the black box that appears over images in Aperture?

    I may have engaged a shortcut in Aperture but I would like to remove this function. How do I remove the black box that appears over images in Aperture? It gives you the image name, camera make and so on. It only appears when you use your mouse and let go of it over an image.

    Welcome to the forum.
    View >> Metadata Display
    It's all there.
    Also See Displaying Metadata with Your Images page 314 of the manual
    DLS

  • Image plays ok but has coloured filter appears over image

    After exporting a Quicktime Movie from FCP and gragging it into iDVD it plays ok but has a horrible red blue green speckled looking filter on it. The file plays perfectly in Quicktime player but looks crap it iDVD.

    Hi
    FCE/P to iDVD
    Several things
    • How to go from FCE/P to iDVD
    • Free space on Start-up hard disk
    • Encoding
    • Brand and type of DVDs used
    • Burn speed set
    • iDVD BUG
    • Chapters
    How to go from FCE/P to iDVD I do
    • Disable Screen and Energy saver
    • IMPORTANT --> FIRST in FinalCut - Mix Down Audio under Sequence Menu / Render Only / Mix-down
    • Export out as a QuickTime .mov file
    • Select with Mark - Chapter Mark
    • Not as Self-Contained (not important but saves time and space)
    • NO QUICKTIME CONVERSION (IMPORTANT)
    This QT.mov file I import into iDVD from within iDVD.
    Free space on Start-up hard disk
    I set a minimum of 25GB (for Mac OS and iDVDs temp files)
    Encoding
    • I use Pro Quality encoding
    Brand and type of DVDs used
    • I use Verbatim
    • I use DVD-R
    Burn speed set
    • I set down this to x4 (or x1)
    iDVD BUG
    • One can not go back to movie-project for any alterations and then go back to
    the iDVD project. It will notice and ask You to either Up-date or Cancel. Neither
    of them will work.
    Medicine - Start a brand new iDVD project.
    Use of Chapters
    • I only use a to z and 0 to 9 in naming them. NO other symbol/letter !
    • NO Chapter-mark at very beginning - iDVD NEEDS TO set this by it self
    • No Chapter marks in or within two seconds from a transition
    (Way around this last one - Export movie as QT full quality and NO Chapter marks
    Import this into a new Movie-project and now You are free to set C-Ms where You want
    them except at very beginning - still)
    Material used to build movie
    • video - I use streamingDV (or convert all other to this e.g. .mp4, .avi, .wmv etc)
    • audio - I use .aiff 16-bit 48kHz or from Audio-CD (44.1kHz) - no .mp3 or direct from iTunes
    • photos - I use .jpg - no .bmp etc
    Trash iDVD pref. file and run Repair Permissions - and have a re-try.
    from post ??
    May not be relevant, but I had the same problem with iDVD, where burned DVDs showed a green screen. It was cured by quitting Quicksilver and Quickeys as well as disabling sleep and screen-saving
    Yours Bengt W

  • Spry menu bar does not appear over flash elements in I.E. 8

    Hi, My spry menu bar does not appear over any flash elements in I.E. 8. Every other browser it workd fine. Can anyone please help? Thanks
    A link to one of the pages is http://www.innervisionfilms.tv/pages/showreel.html
    My spry code is
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: auto;
        font-family: Verdana;
        color: #000033;
        font-weight: bold;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 130px;
        float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 8.2em;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 8.2em;
    ul.MenuBarHorizontal ul li a
        width: 10.2em;
        background-color: #4E81B4;
        left: auto;
        background-image: none;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #FFFFFF;
        border-right-color: #FFFFFF;
        border-bottom-color: #FFFFFF;
        border-left-color: #FFFFFF;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #EEE;
        padding: 0.5em 0.75em;
        color: #000033;
        text-decoration: none;
        font-family: Verdana;
        font-size: 11px;
        background-image: url(../pagelayout/menubg.jpg);
        font-weight: bold;
        border: 1px solid #003366;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        background-color: #003366;
        color: #FFFFFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #003366;
        color: #FFFFFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
        background-image: url(../pagelayout/menubg.jpg);
        background-repeat: repeat;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
        background-image: url(../homepagelayout/greenbarbg.jpg);
        background-position: 95% 50%;
        background-repeat: repeat;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;

    I still can't find a solution. Changing the parameter wmode:transparent works for .swf files but .flv files do not have the option to add this parameter. If you add it in the script manually it doesn't do anything. Any help would be greatly appreciated. I cn't find any solution online.
    Thanks,
    Adam

  • I am running Photoshop CC 2014 on Windows 8.1 with an AMD quad core processor and AMD E1-2100 APU with AMD Radeon HD 8210 Graphics Card. I have installed the latest driver version 13.152.0.0. When I activate puppet warp, the mesh appears over the image an

    I am running Photoshop CC 2014 on Windows 8.1 with an AMD quad core processor and AMD E1-2100 APU with AMD Radeon HD 8210 Graphics Card. I have installed the latest driver version 13.152.0.0. When I activate puppet warp, the mesh appears over the image and I can place the first pin.  However, when I go to add the second pin, Photoshop crashes. I have tried with on a new, blank file, with just a few lines on it, but, as soon as I place the first pin, the image disappears, and then, as soon as I click anywhere else in the image, Photoshop crashes. I have followed all the online advice about settings under the Preferences/Performance interface, but nothing fixes the problem. Can anyone please help?

    BOILERPLATE TEXT:
    If you give complete and detailed information about your setup and the issue at hand, such as your platform (Mac or Win), exact versions of your OS, of Photoshop and of Bridge, machine specs, such as total installed RAM, scratch file HDs, video card specs, what troubleshooting steps you have taken so far, what error message(s) you receive, if having issues opening raw files also the exact camera make and model that generated them, etc., someone may be able to help you.
    A screen shot could be very helpful too.
    Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
    http://forums.adobe.com/thread/419981?tstart=0
    Thanks!

  • Image toolbar appears over Crystal reports chart in Infoview

    I am publishing Crystal reports developed across a Universe in my BusinessObjects Enterprise XI Release 2 InfoView. I have done few line charts in the Crystal reports. I am running on Internet Explorer 7 but my clients are running on Internet Exploreer 6.0. When my clients view Crystal reports (in Infoview) on their browser, the charts are identified as images in their infoview by Internet Explorer 6 browser and it keeps showing the Image toolbar ( the small toolbar which popups over the images in IE 6 prompting you to Save this image/Open this image/Save In My Pictures toolbar etc..)
    Please try this link http://www.microsoft.com/windows/ie/ie6/using/howto/customizing/phototoolbar.mspx to know what an image toolbar is.
    This little feature got included in Intenet Explorer 6 by which any image identified by the web browser will automatically popup this Image toolbar. It won't happen in Internet Explorer 7.0.
    If i am developing a website and do not want this image toolbar appearing over my images in my site I can code accordingly. But i am clueless about the Crystal Reports/Business Objects Infoview environment and how to get rid of this toolbar.
    The one option i got is to ask my users who use IE 6.0 to go to Tools->Internet Options->Advanced tab->Multimedia ->uncheck the checkbox Enable image toolbar. Unfortunately my users login under citrix environment and their default browser settings will be restored every day morning they login.
    Any ideas?

    Hi Michael,
    Unfortunately BusinessObjects does not control these settings when accessing the InfoView.  It sounds like it'll need to be addressed by the system administrator to disable that option in IE through user profiles/applications.
    Regards,
    Wallie

  • How can I eliminate the mesh screen which appears over any image I open in photoshop CS6?

    How can I eliminate the mesh screen which appears over any image I open in photoshop CS6?

    It depends, but it could either be the Grid or Pixel Grid under View>Show.

  • Roll over images not appearing in a preview

    I've created a new project and have had had previous success in making roll over images/captions work but now nothing in this new project is appearing when I preview the slide, not the images or the roll over captions.  I'm using Captivate 6.
    Sorry if i'm not explaining it properly but I've only started using the program this week and have no idea about any of it.
    cheers
    Emma

    Hi Emma
    I note you said: Preview the *SLIDE*. And in that type of preview, all you will ever be able to do is to view when objects appear or disappear or move. Interactive objects such as rollovers will never work in the slide preview. You must preview a different way. (Project, Next X number of slides, From this slide, etc)
    Cheers... Rick
    Helpful and Handy Links
    Captivate Wish Form/Bug Reporting Form
    Adobe Certified Captivate Training
    SorcerStone Blog
    Captivate eBooks

  • "Phantom Squares" appear/dissapear over image with zoom in/out

    while editing in cs6 for the last few weeks, "phantom-squares" appear over top of parts of the image being edited and disappear or reappear with zooming in and out with scroll wheel.. Sometimes 1, sometimes 4. Squares seem to be  pieces of the actual image and sometimes are black. Happens on both PC (W7) and MAC which are both running Radeon GC's. images are .tiff files

    Thanks for the reply, i appreciate it. I downloaded the radeon catalyst suite on home pc and will give it a try.  Of course, the Mac is at studio where I edit so that's the one I really am hoping to figure out.. because it's on both PC & Mac at relatively the same time I was thinking it to be PS issue not computer/card, but who knows.....
    Dodging "phantoms" gets pretty stale after a couple hundred images each day..

  • How to show active page in Spry Menu Bar using images

    Hi,
    I have already read this answer "how to show active page in spry menu bar" but I am using images, not text.  I have mouse-over and mouse-out working in the Spry Menu Bar using image.png and image-over.png, but I cant' figure out how to get the image-over.png to appear on the active page since the spry menu bar is locked on the individual pages.  (I tried to put it in an editable comment, but spry wouldn't go for it. :-)
    Any ideas.  Here is the code:
    <ul id="MenuBar1" class="MenuBarHorizontal">
           <li><a href="../index.html" id="home" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','../images/all_pages/home-over.png',1 )"><img src="../images/all_pages/home.png" alt="Home Page" name="home" width="58" height="20" border="0" id="Image8" /></a></li>
           <li><a href="../show.html" id="show" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('show','','../images/all_pages/show-over.png',1)"><img src="../images/all_pages/show.png" alt="The Show" name="show" width="101" height="20" border="0" id="show" /></a></li>
            <li><a href="../team.html" id="team" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('team','','../images/all_pages/team-over.png',1)"><img src="../images/all_pages/team.png" alt="The Team" name="team" width="97" height="20" border="0" id="team" /></a></li>
            <li><a href="../company.html" id="company" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('company','','../images/all_pages/company-over.png',1)"><img src="../images/all_pages/company.png" alt="The Company" name="company" width="139" height="25" border="0" id="company" /></a></li>
            <li><a href="../beatles-tickets.html" id="tickets" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tickets','','../images/all_pages/tickets-over.png',1)"><img src="../images/all_pages/tickets.png" alt="Tickets" name="tickets" width="75" height="20" border="0" id="tickets" /></a></li>
            <li><a href="../media.html" id="media" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','../images/all_pages/media-over.png',1)"><img src="../images/all_pages/media.png" alt="Media" name="media" width="61" height="20" border="0" id="media" /></a></li>
            <li><a href="../news-reviews.html" id="news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news_reviews','','../images/all_pages/news_reviews-over.png',1 )"><img src="../images/all_pages/news_reviews.png" alt="News-Reviews" name="news_reviews" width="149" height="20" border="0" id="news_reviews" /></a></li>
            <li class="MenuBarHorizontal"><a href="../contact.html" id="contact" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../images/all_pages/contact-over.png',1)"><img src="../images/all_pages/contact.png" alt="Contact Us" name="contact" width="79" height="20" border="0" id="contact" /></a></li>
         </ul>
    Thanks so much for helping!
    Cheers,
    Janell

    Just found this page:
    Persistent Page Indicator
    Update: Drat, it is for text menus only not using images. :-(
    Cheers,
    Susan

  • Spry menu appearing as solid block in Internet Explorer

    Hi!
    I have a similar problem as a previous post: my website's spry menu appears as a  solid white block where the links would be on the menu.  By mousing  over the block, I can see the links.  But I don't think the same answer  you provided here would apply for me.  I've looked at other sites and  could not find a clear answer either. I don't know what hack to add or  what to change.  I am very new to CSS and designing/publishing websites.
    Would you  be able to help me?
    the website link: www.artshigh25.org
    Thank you so  much!
    P.S. Thank you, Ben, for pointing me to right direction in terms of the forum.

    Hi,
    Change the following rule
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
       ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    to read
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
             display: inline;
             f\loat: left;
             background: #86BF3A;
    I hope this helps.
    Ben

  • Speedgrade - Rectangle appears over footage in Premiere after direct link

    I am using Speedgrade via direct link from Premiere, with a timeline that consists of a video track with all of my clips, another track containing adjustment layers, and a top track containing a .PNG file of a black letterbox. 
    Problem:  After applying primary and secondary color adjustments in Speedgrade (no masks) I return to Premiere.  If I hide the top track which contains my .PNG letterbox, a mysterious RECTANGLE appears over my footage.  This rectangle is even present in clips that haven't been graded yet. 
    I have included a picture to illustrate my point.
    System Specs:
    - Intel Mac OS 10.9.2
    - NVIDIA Quadro4000  GPU
    - Premiere 7.2.1
    - Speedgrade 7.2
    - Editing with .R3D files from Red Epic Camera

    **UPDATE
    This problem may not be a result of speedgrade.  Instead, I'm wondering if it's more of an issue within Premiere.  I noticed that the rectangle is caused by my adjustment layer that is sitting directly above my main video track.    As a test, I found several clips that were sitting below one adjustment layer.  I applied a three-way color correction effect to the adjustment layer, and gave it a severe blue tint.  One would expect the adjustment layer to effect the entire image on every underlying clip, but instead it only applied to a small rectangle within those clips.  As I scrub through the timeline, the rectangle moves around and changes size.  Then I realized that each clip had different amounts of scaling and positioning.  So this mysterious rectangle seems to be caused by the scaling and positioning of the underlying clips.  My adjustment layer is sized to the resolution of my 2K timeline.  However, each clip is 5K, scaled to fit.  So perhaps I need to make my adjustment layer the same exact size of my underlying clips? 
    As a test, I scaled my adjustment layer and noticed that if I increase the size by .01, the mysterious rectangle immediately jumps to fill the entire image.  Weird.
    Another weird thing to point out, referencing my original post:  The image of the girl has NO color correction applied to it, and the same goes for the adjustment layer above it.  However, there is still a rectangle present.  This clip has a small amount of rotation applied, and the rectangle is also rotated, leading me to believe the problem is because of a scaling difference between the adjustment layer and clip.  But still, WHY would there be a rectangle there when there is no color correction applied???

  • Why are white lines appearing in images in PDF files but not the original InDesign files?

    Hi folks!
    Let me just start out by saying that I'm not a graphic designer and have basically no experience with graphic design programs, aside from the little futzing around I've tried to do with InDesign. My company (which publishes a monthly magazine) has decided that it would be a great idea to get the files to our magazine from the graphic design firm that actually handles the production end of things so that we may offer back articles, etc., and modify them as needed. Somehow I've gotten assigned the task of handling this. However, I've encountered some problems along the way. The graphic design firm uses Quark, we own InDesign (CS3) and use Markzware to convert the files. Most things seem to work okay in this arrangement but I'm having problems with the images in the file when I create PDFs. Although the images look fine in the InDesign files (and are of print quality), when I create PDFs of some files, thin white lines appear over the images in the PDF document. I asked our graphic designer about this but she has no idea, and she isn't very familiar with InDesign.
    So, my question is, where are these lines coming from and how do I stop them from appearing? As a reminder, I'm not a graphic designer and am fdairly ignorant in design software terminology. If you're kind enough to try to help me with this problem, I'm going to require an explanation in plain English. Basically explain it to me like you would to a 10 year old.
    If anyone can help, I'd greatly appreciate it!
    Thanks in advance,
    Lynn

    I think Bob was typing too fast and meant to ask if you were distilling, not to tell you distill.
    Distilled PDF (you get distilled by printing to PDF rather than exporting) always flattens transparency, which is what makes those white "stitching" lines.
    You can make the stitching disappear on screen by turning off smoothing in the Acrobat prefs, and it shouldn't print on a press, but it sounds like you may be doing the output on a digital machine and it's likely to show on the lower resolution output.

  • Setting the order of a roll over image in a quiz

    Hi,
    I'm using captivate 4 and having issues in setting a quiz for my students.
    I want to have an icon to roll-over so the students can access information relating to the question, eg, diagrams, tables, graphs etc.
    I have done all this yet when the roll over image appears its order is set behind the question and answers, I need it in front. when trying to change the order, eg bring to front, all the options are grayed out and not available. Is there a way to fix this as I know I cannot use a slidelet in a question slide.
    I have also tried to re-order the question and answer text, but is is also grayed out.
    Any help would be greatly appreciated
    Cheers
    Andrew

    Hello,
    You cannot insert interactive objects on any default question slide from pool or not. You will have to change the action to be executed on Success/Failure. There it is possible to jump to a slide.
    Beware: you can never jump to a slide that is outside of the quiz 'scope'. This scope starts with the slide where you have the first scoreable object, which can be a question slide but also a button/click box/TEB with a score. The scope typically ends with the score slide. So be sure that the slide you want to jump to are in that scope. Eventually you can add a scoreable object (with a low score perhaps of 1pt) like a button or click box to the first slide of your project. If you keep the score slide as the last slide you will not have to worry anymore about the scope.
    Hope this makes sense,
    Lilybiri

  • Lines over images and around text in Captivate SWF file

    My project works & views fine in captivate and when published, it views fine on my mac - through flash player and browsers. But when I send a swf file to the client to view they see odd lines above and below images.
    But they dont see the lines when they view the htm file within a browser - then it views fine.
    The lines only appear when there's text over an image.
    Screen shots attached.
    My captivate project was created by importing a Powerpoint document, with images and text on each slide.
    I've changed the optimisation / slide quality through prefrences and on each slide to the highest quality.
    I've also un-selected the advanced slide compression.
    Is there another thing I can try to iron out these lines?
    Some of the images within Powerpoint are stretched, would this cause the lines?
    Is it a flash player issue?
    Or a zooming issue?
    Any help is much appreciated!

    Thanks Lilybiri,
    I am a new user & just finding my way
    I understand how to publish and how Captivate creates a zipped file with a SWF, HTML, JS and CSS files etc. (Im using Captivate 7). 
    How do you send Captivate projects to clients for review / approval before you supply them with the whole project zipped file?
    So far I've been sending them the swf file to check. And have had troubles with them viewing the lines over images and around text. Even though I cant see the lines.
    I need the client to see what I'm seeing - a project without any lines.

Maybe you are looking for