Lightbox background problem

When I put a Lightbox Display Composition at the bottom of the page the background is black at the top of the picture (it appears to be putting the picture in the center of the browser) and once you scroll down to see the caption and the rest of the picture the background is no longer black.  It only happens on Lightboxes toward the bottom of the page.  See below of the examples.
First picture is when you click and open the lightbox.
Then scroll down you see this:
I put a black box because the Caption is white text.  If you scroll up it looks like this:
If you don't scroll all the way down to the bottom of the page it works fine:
As soon as you scroll down past a certain point the Lightbox displays at the bottom and toward the bottom have the same problem with the black not filling the screen.  How do I fix this?
By the way this seems to only be a problem in Chrome.  Works fine in IE and Firefox.
June 19, 2013
This is still happening in Chrome.
Go to http://rheaknives.com/available.html
in Chrome.  Click on the knife in the bottom right corner.  Scorll down on the picture and it works fine.  BUT if you scroll to the bottom of the page and then click the same picture and scroll down on the picture this happens.
Notice the bottom is not blacked out.

Anyone...help?

Similar Messages

  • Lightbox 2 problem- Could really use some help!!!

    I have several galleries the last picture of each gallery repeats over and over. Caption says 10f 8 but I only have 5 pictures but last one just keeps repeating! Would really apprecite some help.
    Here's source code but I'm wonderingcould it be a problem with lightbox.js or jquery-1.7.2
    because I've checked this all over and over and it appears to be correct. I'm not familiar with their coding.
    <!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>Truss</title>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/lightbox.js"></script>
    <link href="css/lightbox.css" rel="stylesheet" />
    <style type="text/css">
    body {
        background; #036;
        text-align: center;
        background-repeat: repeat-x;
        background-image: url(Images/greenbluefade_drops.jpg);
    html.body {
        padding: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        height: 0px;
        width: 1170px;
        background-repeat: repeat-x;
        position: relative;
        margin-top: 25px;
    #wrapper {
        height: 1400px;
        width: 970px;
        text-align: left;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        padding: 0px;
    #header {
        background-color: #FFF;
        width: 970px;
        float: left;
        position: relative;
        margin: 0px;
        height: 61px;
    #logo_box {
        height: 269px;
        width: 366px;
        position: absolute;
        z-index: 500;
        left: -130px;
    #logoshadow {
        height: 200px;
        width: 230px;
        z-index: 200;
        margin-left: 18px;
    #sidebar {
        height: 1000px;
        width: 245px;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(Images/left_sidebar-copy.png);
        clear: both;
        left: 20px;
    #nav_bar {
        background-color: #244AB0;
        height: 45px;
        width: 708px;
        float: left;
        padding-left: 263px;
    #side_captions {
        height: 725px;
        width: 225px;
        padding-left: 20px;
        z-index: 100;
        margin-top: 0px;
        padding-top: 0px;
    #photobox {
        background-image: url(Images/marble.jpg);
        background-repeat: repeat;
        float: left;
        height: 1000px;
        width: 0px;
        padding-left: 300px;
        position: relative;
    #photobx2dcolumn {
        background-image: url(Images/marble.jpg);
        background-repeat: repeat;
        float: left;
        height: 1000px;
        width: 310px;
    #photobox_column3 {
        background-image: url(Images/marble.jpg);
        background-repeat: repeat;
        height: 922px;
        width: 330px;
        float: left;
        padding-top: 52px;
        padding-left: 30px;
    .bridge_photo_box {
        background-color: #FFF;
        padding: 10px;
        height: 154px;
        width: 250px;
    .box-shadow {
        height: 200px;
        width: 290px;
        background-image: url(Images/shadowbridgeboxes.png);
        background-repeat: no-repeat;
        margin-bottom: 20px;
    #footer {
        background-color: #1B1B1C;
        clear: left;
        height: 200px;
        width: 720px;
        padding-left: 250px;
        padding-top: 1px;
        margin-top: 0px;
    #browser_whitebar {
        background-color: #FFF;
        height: 120px;
        width: auto;
    body,td,th {
        font-family: Georgia, "Times New Roman", Times, serif;
    h5 {
        font-size: 42px;
        color: #FFF;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        vertical-align: top;
        white-space: normal;
    h1 {
        font-size: 40px;
        color: #244FB3;
    h1_bridges {
        color: #779788;
        padding-left: 10px;
    .H1bridgeheads {
        color: #75958A;
        margin-top: 30px;
        font-size: 36px;
    h2 {
        font-size: 17px;
        color: #666;
    h3 {
        font-size: 17px;
        color: #000;
    h4 {
        font-size: 17px;
        color: #000;
    a {
        font-size: 17px;
        color: #03F;
    a:visited {
        color: #7A0A2F;
    a:hover {
        color: #FFF;
    a:active {
        color: #666;
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
      <div id="header">
        <div id="logo_box"><img src="images/tensor_final_logo_website.png" alt="logo_leftinclude" width="362" height="270" /></div>
      </div>
      <div id="nav_bar">
        <div id="nav_position">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="#">HOME</a>        </li>
            <li><a href="#">ABOUT US</a>
              <ul>
                <li><a href="#">FOUNDER</a></li>
                <li><a href="#">MANAGEMENT</a></li>
              </ul>
            </li>
            <li><a href="#">CAPABILITIES</a>        </li>
            <li><a href="#">PORTFOLIO</a>
              <ul>
                <li><a href="#">ARCH</a></li>
                <li><a href="#">BASCULE</a></li>
                <li><a href="#">BOX GIRDER</a></li>
                <li><a href="#">CABLE STAYED</a></li>
                <li><a href="#">PLATE GIRDER</a></li>
                <li><a href="#">TRUSS</a></li>
                <li><a href="#">VERTICLE LIFT</a></li>
                <li><a href="#">SUSPENTION</a></li>
              </ul>
            </li>
            <li><a href="#">AWARDS</a></li>
            <li><a href="#">CONTACT </a></li>
            <li><a href="#">BLOG</a></li>
          </ul>
        </div>
      </div>
      <div id="photobox">
          <div id="sidebar">
            <div id="logoshadow"><img src="Images/logoshadow.png" width="226" height="190" alt="logo_shadow" /></div>
            <div id="side_captions">
              <h2>Leading the Industry<br />
                for over 50 Years
              </h2>
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
              <br />
            <img src="Images/organizationsymbols.png" alt="3symbols" width="175" height="52" hspace="15" /></div>
          </div>
      </div>
      <div id="photobx2dcolumn">
      <h1 class="H1bridgeheads">Verticle Lift</h1>
      <div class="box-shadow">
          <div class="bridge_photo_box">
    <a href="images/portfolio/verticalliftcategory/amgallery/am1.jpg"rel="lightbox[amgallery]" title="Amtrack RR over Thames River <br /><br />
    (Click right side of image to forward and left for back)">
    <img src="images/portfolio/verticalliftcategory/amgallery/amthumb.jpg" width="250" height="154" alt="Amtrack RR over Thames River " /></a>
    <a href="images/portfolio/verticalliftcategory/amgallery/am2.jpg"rel="lightbox[amgallery]" title= "Amtrack RR over Thames River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/amgallery/am3.jpg"rel="lightbox[amgallery]" title= "Amtrack RR over Thames River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/amgallery/am4.jpg"rel="lightbox[amgallery]" title= "Amtrack RR over Thames River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/amgallery/am5.jpg"rel="lightbox[amgallery]" title= "Amtrack RR over Thames River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    </div>
        </div
        ><div class="box-shadow">
          <div class="bridge_photo_box">
    <a href="images/portfolio/verticalliftcategory/csxgallery/csx1.jpg" rel="lightbox[csxgallery]" title= "CSX Lift Span over the Mobile River <br /><br />
    (Click right side of image to forward and left for back)">
    <img src="images/portfolio/verticalliftcategory/csxgallery/csxthumb.jpg" width="250" height="154" alt="CSX Lift Span over the Mobile River CSX Lift Span over the Mobile River " /></a>
    <a href="images/portfolio/verticalliftcategory/csxgallery/csx2.jpg" rel="lightbox[csxgallery]" title= "CSX Lift Span over the Mobile River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/csxgallery/csx3.jpg" rel="lightbox[csxgallery]" title= "CSX Lift Span over the Mobile River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/csxgallery/csx4.jpg" rel="lightbox[csxgallery]" title= "CSX Lift Span over the Mobile River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/csxgallery/csx5.jpg" rel="lightbox[csxgallery]" title= "CSX Lift Span over the Mobile River <br /><br /></a>
    (Click right side of image to forward and left for back)"></div>
        </div>
      </div>
        <div id="photobox_column3"><br />
          <br />
          <div class="box-shadow">
            <div class="bridge_photo_box">
    <a href="images/portfolio/verticalliftcategory/burlinggallery/burling1.jpg"rel="lightbox[bur linggallery]" title= "Burlington Northern Lift Span <br /><br />
    (Click right side of image to forward and left for back)">
    <img src="images/portfolio/verticalliftcategory/burlinggallery/burlingthumb.jpg" width="250" height="154" alt="Burlington Northern Lift Span" /></a>
    <a href="images/portfolio/verticalliftcategory/burlinggallery/burling2.jpg"rel="lightbox[bur linggallery]" title= "Burlington Northern Lift Span <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/burlinggallery/burling3.jpg"rel="lightbox[bur linggallery]" title= "Burlington Northern Lift Span <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/burlinggallery/burling4.jpg"rel="lightbox[bur linggallery]" title= "Burlington Northern Lift Span <br /><br /></a>
    (Click right side of image to forward and left for back)">
    </div>
          </div>
      </div>
        <div id="footer">Content for  id "footer" Goes Here</div>
    <div id="apDiv1"></div>
      </div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    Your first section - the code is fully malfunctioning.
    <div class="box-shadow">
          <div class="bridge_photo_box">
    <a href="images/portfolio/verticalliftcategory/amgallery/am1.jpg"rel="lightbox[amgallery]" title="Amtrack RR over Thames River <br /><br />
    (Click right side of image to forward and left for back)">
    <img src="images/portfolio/verticalliftcategory/amgallery/amthumb.jpg" width="250" height="154" alt="Amtrack RR over Thames River " /></a>
    <a href="images/portfolio/verticalliftcategory/amgallery/am2.jpg"rel="lightbox[amgallery]" title= "Amtrack RR over Thames River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/amgallery/am3.jpg"rel="lightbox[amgallery]" title= "Amtrack RR over Thames River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/amgallery/am4.jpg"rel="lightbox[amgallery]" title= "Amtrack RR over Thames River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    <a href="images/portfolio/verticalliftcategory/amgallery/am5.jpg"rel="lightbox[amgallery]" title= "Amtrack RR over Thames River <br /><br /></a>
    (Click right side of image to forward and left for back)">
    </div>
        </div
        ><div class="box-shadow">
    Remove all <br> tags from within the title tag. You cannot have nested tags this way. Also, the instruction wont be required (IMO). People should be knowing how to navigate lightbox. Or, you could do one thing and display the right and left arrows at all times (not just while hover, the way it is now). This will fix 50% of your problem.
    Notice the red highlight in your code above. Fix the closing DIV tag.
    Provide thumbnails for all of your Lightbox images. This way your users are aware there are more images on your site. Also, you give them the choice of choosing what image they want to zoom into, rather than forcing them to go through them one at a time.

  • Simple button background problem

    Good day,
    I'm new to flex and MXML. I've gone through the initial difficulties of getting familiar with the IDE and programming language. Now that this is done, I'm really starting to enjoy it.
    I'm currently facing what is probably a basic problem. I've created an MXML Button component. When I instanciate it somewhere in another component, it comes up with a weird square background under my button, like this :
    My button is a single line component, like this :
    <s:Button label="Measure" skinClass="skins.MeasureDistanceSkin" width="70" height="25" click="OnClick(event);" creationComplete="Init(event);" />
    My button instanciation line looks like this :
    <MeasureButton map="{map}" left="110" top="42" width="80" height="33" id="MyButton" />
    Can anyone give me a hand with this?
    Thanks,
    Bruno

    You couldn't have made trillions of buttons that work using that code in AS3.  It would have to be something more like the following to work in AS3...
    stop();
    btn_page2.addEventListener(MouseEvent.CLICK, gotoPage2);
    function gotoPage2(e:MouseEvent):void {
         gotoAndPlay(99);
    Switched places in the btn_page2 line and changed Void (AS2) to void (AS3)

  • Dynamic SELECT conditions in background - problem

    Hello,
    I faced a strange problem. I have function module which uses dynamic conditions in SELECT statement. Everything works fine in foreground processing, but in background the function gives no values. You can find a piece of code below. It's a bit long but as mentioned - works fine in foreground, so seems to be non-coding error...   I'd be thankful for any ideas...
    data: itwa_where_cond(72) occurs 20 with header line,
           wa_where_cond(72) type c,
      clear: itwa_where_cond[], itwa_where_cond.
      move 'BZOBJ  = ''0''' to wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate 'AND KADKY >= ''' l_date_start '''' into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate 'AND KADKY <= ''' l_date_end '''' into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate 'AND MATNR = ''' wa_matwrk-matnr '''' into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate 'AND WERKS = ''' wa_matwrk-werks '''' into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate 'AND KOKRS  = ''' pi_kokrs '''' into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      if not pi_freig is initial.
        clear wa_where_cond.
        concatenate  'AND FREIG =''' pi_freig '''' into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      if not pi_tvers is initial.
        clear wa_where_cond.
        concatenate  'AND TVERS = ''' pi_tvers '''' into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      if not pi_klvar is initial.
        clear wa_where_cond.
        concatenate  'AND KLVAR = ''' pi_klvar '''' into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      if not pi_feh_sta is initial.
        clear wa_where_cond.
        concatenate  'AND FEH_STA = ''' pi_feh_sta '''' into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      if not pi_kkzma is initial.
        clear wa_where_cond.
        concatenate  ' AND KKZMA = ''' pi_kkzma '''' into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      SELECT * FROM  KEKO into corresponding fields of table it_keko
                                             WHERE  (itwa_where_cond).  
    Regards,
    Grzegorz

    hI,
    TAKE THIS CODE... HOPE IT WORKS FOR YOU....
    clear: itwa_where_cond[], itwa_where_cond.
      move `BZOBJ  = '0'` to wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate `AND KADKY >= '` l_date_start `'`  into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate `AND KADKY <= '` l_date_end `'` into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate `AND MATNR = '` wa_matwrk-matnr `'` into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate `AND WERKS = '` wa_matwrk-werks `'` into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      clear wa_where_cond.
      concatenate `AND KOKRS  = '` pi_kokrs `'` into wa_where_cond.
      append wa_where_cond to itwa_where_cond.
      if not pi_freig is initial.
        clear wa_where_cond.
        concatenate  `AND FREIG = '` pi_freig `'` into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      if not pi_tvers is initial.
        clear wa_where_cond.
        concatenate  `AND TVERS = '` pi_tvers `'` into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      if not pi_klvar is initial.
        clear wa_where_cond.
        concatenate  `AND KLVAR = '` pi_klvar `'` into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      if not pi_feh_sta is initial.
        clear wa_where_cond.
        concatenate  `AND FEH_STA = '` pi_feh_sta `'` into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      if not pi_kkzma is initial.
        clear wa_where_cond.
        concatenate  `AND KKZMA = '` pi_kkzma `'` into wa_where_cond.
        append wa_where_cond to itwa_where_cond.
      endif.
      SELECT * FROM  KEKO into corresponding fields of table it_keko
                                             WHERE  (itwa_where_cond).
    REGARDS
    SIDDARTH

  • Dreamweaver CS4 Lightbox Gallery Problem

    Hello Everyone,
    I am using Dreamweaver CS4 on a Mac and I am a beginner at producing my website, just so you know.  I am using lightbox gallery for my photo gallery on my website and everything works fine except that when you click on the picture to start the gallery there is a question mark that pops up where there should be instead the enlarged picture.  When I preview it using Safari the enlarged photo pops up with no problem, the question mark pops up only when I upload the website online. I have been trouble shooting to the best of my ability, but to no avail.  Please someone, show me what I am doing wrong.
    Here is the coding:
    <!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>Photo Gallery</title>
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <script src="scripts/lightbox.js" type="text/javascript"></script>
    <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="gallery1" class="lbGallery">
      <ul>
        <li> <a href="images/lightboxdemo1.jpg" title=""> <img src="images/lightboxdemo_thumb1.JPG" width="72" height="72" alt="" /> </a> </li>
        <li> <a href="images/lightboxdemo2.jpg" title=""> <img src="images/lightboxdemo_thumb2.jpg" width="72" height="72" alt="" /> </a> </li>
        <li> <a href="images/lightboxdemo3.jpg" title=""> <img src="images/lightboxdemo_thumb3.jpg" width="72" height="72" alt="" /> </a> </li>
        <li> <a href="images/lightboxdemo4.jpg" title=""> <img src="images/lightboxdemo_thumb4.jpg" width="72" height="72" alt="" /> </a> </li>
        <li> <a href="images/lightboxdemo5.jpg" title=""> <img src="images/lightboxdemo_thumb5.jpg" width="72" height="72" alt="" /> </a> </li>
      </ul>
    </div>
    <script type="text/javascript">
    // BeginWebWidget lightbox_gallery
                        $(function() {
            $('#gallery1 a').lightBox();
    // EndWebWidget lightbox_gallery
    </script>
    </body>
    </html>
    And the website URL is: http://majesticmonumentvalley.com/photogallery.html
    Please note that I have not customized my own photos in the gallery because they only end up with the question mark so I wanted to fix this problem before I started putting my own photos on the website.
    Thank you for your time.
    -Jessica

    Hello, 
    Thank you for your response.  I put my own photos into the gallery and made sure they were located in the images folder.  I previewed it in Safari and all was well.  But, yet again, when I uploaded it online it does the same thing- a question mark appears instead of the enlarged image.  The thumbnail images are fine, it is just the enlarged images giving me grief.  What am I doing wrong?
    The new coding:
    <!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>Photo Gallery</title>
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <script src="scripts/lightbox.js" type="text/javascript"></script>
    <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="gallery1" class="lbGallery">
      <ul>
        <li> <a href="images/honeymoonarch1.jpg" title=""> <img src="images/honeymoonarch_thumbnail.jpg" width="200" height="133" alt="" /> </a> </li>
        <li> <a href="images/jessicaofmv.jpg" title=""> <img src="images/jessicaofmv_thumbnail.jpg" width="150" height="226" alt="" /> </a> </li>
        <li> <a href="images/mittensunriseglow.JPG" title=""> <img src="images/mittensunriseglow_thumbnail.JPG" width="200" height="150" alt="" /> </a> </li>
        <li> <a href="images/themittens.JPG" title=""> <img src="images/themittens_thumbnail.JPG" width="200" height="150" alt="" /> </a> </li>
        <li></li>
      </ul>
    </div>
    <script type="text/javascript">
    // BeginWebWidget lightbox_gallery
                        $(function() {
            $('#gallery1 a').lightBox();
    // EndWebWidget lightbox_gallery
    </script>
    </body>
    </html>
    And the URL:  http://majesticmonumentvalley.com/photogallery.html
    Thanks again for your time.
    -Jessica

  • Spry vertical menu background problem in IE

    The background of the <li> items show as white on the spry menu items here. http://www.steveelson.com/index.html. Menu items are .pngs, but I've used the iepngfix.htc fix, but still have the problem in IE 8 and 9. So I assume it's a css problem, but can't figure it out.

    Save a copy of the css file as you have altered it, but under a new name. You might want to save a copy of your menu, too, so you'll have something to refer to. Then delete your menu widget and re-insert it.
    You will most likely be very surprised at how easy it is to style it up (referring from time to time to your saved, former stylesheet).
    If your page works without your menu, you should be successful inserting your menu to it.
    Beth

  • Spry horizontal menu: submenu background problem in IE7

    Hello,
    I am using the Spry horizontal menu in this website: http://www.isis-papyrus.com
    It works perfectly on all current version browsers, but in IE7 the white submenu background only shows behind the actual text for each link and not to the border of the submenu box.
    I modified the css to allow for dynamic sizing for each submenu (see below). 
    Any suggestions would be greatly appreciated.
    Best, Oliver
    @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: 10px;
    cursor: default;
    width: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    /* 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: auto;
    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: auto;
    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: 100%;
    clear:left;
        float: none;
    background-color: transparent;
        color: #fff;
    white-space: nowrap;
    /* 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: 100%;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #339999;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #fff;
    padding: 0.4em 0.8em;
    color: #339999;
    text-decoration: none;
    white-space: nowrap;
    /* 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: #fff;
    color: #339999;
    /* 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: #339999;
    color: #fff;
    /* 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;

    Thank you so much for your quick answer Beth!
    You solved half my problem!
    I added the bg-color to the li and ul styles of the submenus (css below) and now the white background shows correctly in IE7.
    The only thing I still would like to resolve: The hover style for the menu items (inverse bg and text colors) only works for the actual text of the link and not for the entire width of the submenu box.
    Any suggestions?
    Thank you again.
    Best, Oliver
    @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: 10px;
    cursor: default;
    width: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    /* 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: auto;
    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: auto;
    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: 100%;
    clear:left;
        float: none;
    background-color: #fff;
         color: #fff;
    white-space: nowrap;
    /* 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: 100%;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #339999;
    background-color: #FFF;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #fff;
    padding: 0.4em 0.8em;
    color: #339999;
    text-decoration: none;
    white-space: nowrap;
    /* 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: #fff;
    color: #339999;
    /* 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: #339999;
    color: #fff;
    /* 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;

  • Gradient Background problems

    I have Enterprise version 8.1 installed on my machine and I am using it to reverse engineer some Java code. I would like to generate a few graphics in eps format, and I am having serious problems with the size when I export them as svg and translate them to eps. So, I want to turn off some of the background gradients, etc.
    When I go to the UML Advanced options and enter the "Set Glocal Colors and Fonts" I can change the "packagelightgradientfill" and "BackgroundColor" to white from the lime green color (for example on a deployment diagram. If i click on OK or apply, I get a message asking if I want to change the other items. After about 10 second, the colors revert back to their normal green values. Is this something wrong with my installation?

    Your installation is fine, the capability to change gradient background was not implemented in 8.1. If you try the UML module in NB6.0 (currently in Milestone 9) you will be able to simply turn on/off gradient for all elements, Advanced options -> UML -> Diagrams -> Gradient Background. The gradient start / stop color is still not customizable.

  • Menu Background Problem

    I'm using a Quicktime video as the Background to my iDVD menu. It looks great in the Preview, but when I burn to the disk, it results in a badly digitized image.
    What's the problem? The Quicktime file is 720x480 so it shoud be full TV resolution.
    How do I ensure a 1:1 quality ratio from the preview to the finished disk?
    My Encoder is set for "Best Quality" but it doesn't seem to make any difference.

    I'm using a Quicktime video as the Background to
    my
    iDVD menu. It looks great in the Preview, but when
    I
    burn to the disk, it results in a badly digitized
    image.
    What's the problem? The Quicktime file is 720x480
    so
    it shoud be full TV resolution.
    ... but on the TV set, the image has been mpg-2
    compressed and mpg-2 compression is NOT lossless!!!
    What CODEC did you use when you made the Quicktime
    background movie?
    How do I ensure a 1:1 quality ratio from the
    preview
    to the finished disk?
    You can't because of mpg-2 compression.
    My Encoder is set for "Best Quality" but it
    doesn't
    seem to make any difference.
    Actually, despite the names Apple has given the two
    compression modes, for content under 60 minutes on a
    single-layer disc, 'BEST PERFORMANCE' gives better
    quality than the so called 'Best Quality' mode. Only
    use 'Best Quality' when the length of your content
    requires it.
    F Shippey
    I appreciate the response; I'm new to this whole thing. I'm not sure what the CODEC is, but I know when I watch the DVD, on TV or on a computer, the image is badly digitized.
    How can I create a broadcast quality menu with iDVD? It works fine with a still image, but everytime I throw a clip in there, it's horrible. This is especially frustrating because the iDVD sample menus have movie clips in the background that look great before and after burning.

  • Desktop background problems:  27" iMac/Mission Control

    I've just installed a 27" iMac running 10.8 with 16 GB RAM.  I use 4 desktops at a time with different backgrounds in each.  When changing between e.g. desktops 2 and 3, via CTRL-right-arrow, Mission Control annoyingly flashes the desktop 1 background before replacing it with the desktop 3 background.
    I have replicated the problem on the other 27" iMac's I have access to, and with a variety of desktop backgrounds (e.g. only the Apple provided ones)
    and with various amounts of RAM (8 GB to 16GB).  It is a consistent problem on all 27" iMac's running 10.8 as far as I can see.
    Mission Control handled multiple desktop backgrounds flawlessly under my previous set up (iMac 21"/10.7).
    Does anyone know how to fix this behavior?

    I've just installed a 27" iMac running 10.8 with 16 GB RAM.  I use 4 desktops at a time with different backgrounds in each.  When changing between e.g. desktops 2 and 3, via CTRL-right-arrow, Mission Control annoyingly flashes the desktop 1 background before replacing it with the desktop 3 background.
    I have replicated the problem on the other 27" iMac's I have access to, and with a variety of desktop backgrounds (e.g. only the Apple provided ones)
    and with various amounts of RAM (8 GB to 16GB).  It is a consistent problem on all 27" iMac's running 10.8 as far as I can see.
    Mission Control handled multiple desktop backgrounds flawlessly under my previous set up (iMac 21"/10.7).
    Does anyone know how to fix this behavior?

  • Tab menu background problem

    I am using the spry tabbed menu and currently I have the
    background image of the entire header section set to a repeating
    image. I left the tabbed menu div background color and image blank
    so that the header section will come thru. It works fine in IE 7
    but in FF the tabbed menu adds a white background... here is the
    link to the test page...
    http://afm.geofoam.com/homepage.asp
    Any suggestions?

    Hi,
    Try to add a fixed height for the header container. I added
    for this css rule: .thrColFixHdr #header the height:105px and seems
    to work also in FF.
    Please let us know if this fixes your problem
    Diana

  • Continued background problem

    First, let me thank the two gentlemen who took time to look
    at my previous post on this problem. As suggested, I renamed the
    background jpg taking out the space which had previously resulted
    in a 20% sign in the code. Dreamweaver automatically repointed the
    pages to the renamed jpg. But ------- no luck. Same problem.
    So, I decided to make another page with nothing on it but a
    short text in color and a standard colored background instead of a
    jpg image background. I was shocked to see that the page shows up
    on the net as plain white with black text.
    Here is the code for the trial page:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN"
    http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    background-color: #CCFF66;
    body,td,th {
    color: #3366FF;
    .style1 {font-size: 36px}
    -->
    </style></head>
    <body>
    <span class="style1">This is text.
    </span>
    </body>
    </html>
    Here is the url: www.lonestarfold.com - go to the shipping
    button. That takes you to the new trial page.
    Still puzzled in Texas. Any suggestions??

    I get a 403 error when trying to access your website...
    Shane H
    [email protected]
    http://www.avenuedesigners.com
    =============================================
    Proud GAWDS Member
    http://www.gawds.org/showmember.php?memberid=1495
    Delivering accessible websites to all ...
    =============================================
    "arstart" <[email protected]> wrote in
    message
    news:eb4l7q$er4$[email protected]..
    >
    > First, let me thank the two gentlemen who took time to
    look at my previous
    > post on this problem. As suggested, I renamed the
    background jpg taking
    > out
    > the space which had previously resulted in a 20% sign in
    the code.
    > Dreamweaver
    > automatically repointed the pages to the renamed jpg.
    But ------- no
    > luck.
    > Same problem.
    >
    > So, I decided to make another page with nothing on it
    but a short text in
    > color and a standard colored background instead of a jpg
    image background.
    > I
    > was shocked to see that the page shows up on the net as
    plain white with
    > black
    > text.
    >
    > Here is the code for the trial page:
    > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN"
    > "
    http://www.w3.org/TR/html4/loose.dtd">
    > <html>
    > <head>
    > <title>Untitled Document</title>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    > <style type="text/css">
    > <!--
    > body {
    > background-color: #CCFF66;
    > }
    > body,td,th {
    > color: #3366FF;
    > }
    > .style1 {font-size: 36px}
    >
    > -->
    > </style></head>
    >
    > <body>
    > <span class="style1">This is text.
    > </span>
    > </body>
    > </html>
    >
    > Here is the url: www.lonestarfold.com - go to the
    shipping button. That
    > takes
    > you to the new trial page.
    >
    > Still puzzled in Texas. Any suggestions??
    >

  • Spry Menubar-background problem

    Hi,
    I have tried to search for this problem, and though I have
    found others with the same problem, there have been no answers
    (probably so obvious I missed it and they figured it out.) And I
    did update the Spry Menubar to the latest version.
    The Spry Horizontal menubar works fine on Firefox, but on IE
    7 the background is white as well as the submenus, not the intent.
    The alignment and size is fine, just the designed background colors
    don't work (on the menu itself, I want a transparent background, on
    the submenus it is #777079.)
    Website:
    September
    Entertainment Website
    Style Sheet spry:
    Spry
    CSS
    Thank you in advance for any help you can give me.
    Cheers,
    Janell

    Hi,
    Just found the problem for anyone that is having the same
    thing happen. It is the hack at the bottom of
    "SpryMenuBarHorizontal.css":
    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;
    Where it says: "background:fff;" change it to whatever you
    need, in my case, "background: transparent;"
    Voila!!
    Cheers,
    Janell

  • Using LT for motion menu background – problems

    I’m trying to use a LT texture (Canvas>Sinopia) as a motion menu background. I exported 30 secs of the rendered texture direct from LT. The QT file size is 1.09 GB. Couldn’t get it to work in DVDSP. Took that file into FCP and re-exported it using custom settings. File size now 108.7 MB. Still doesn’t work in DVDSP.
    Should I be putting the 30 second file through Compressor? Is it the large file size that is causing the problems?
    Importing the .lpr file into DVDSP also doesn’t work (although I prefer to pre-render all assets, otherwise DVDSP slows to a crawl).
    I’ve now tried the texture as a 5 sec version (20 MB file) – works fine, but there’s an annoying jump in the loop every 5 secs. If I could fix that, the menu would probably be OK.
    Any advice appreciated.
    Regards. Robert.

    Both solutions worked. Wish I could award 2 solved stars.
    Compressor produced an m2v file of 21.9 MB. I'm going with that because the workflow is quicker and simpler on my old setup.
    Exporting as DV from FCP produced a file size of 103.2 MB. My DVDSP slows down with large file sizes, so I'll give it a miss. Or could still be me doing something incorrectly.
    I'm working in SD PAL 16:9.
    Help was much appreciated.
    Regards. Robert.

  • GDM and OpenBox - Wallpaper and background problem [SOLVED]

    I have a strange problem.
    I am using GDM as login manager. And I am using OpenBox as a window manager.
    As soon as GDM appears on the screen, my wifi connection is connected... so its good.
    But, when I login Feh loads my background picture and it disappears after few seconds..... I solved this modifying the autostart script (adding the sleep).
    Now background stays, BUT not always. Sometimes it disappears.... sometimes not.
    It seams that this problem is appearing randomly.
    So my question is:
    Is there a way to disable Gnomes (GDMs) background color and picture after loading openbox through GDM?
    Last edited by webmasteryoda (2011-06-26 10:50:10)

    azleifel wrote:
    It will apply to gnome as well, so if gnome-settings-daemon is your problem then you either need to choose one environment or perhaps do some settings adjustment with gconftool-2 when you log into each environment.  I didn't try this but settings for openbox could be changed with a couple of gconftool-2 lines in autostart.sh, e.g.
    gconftool-2 --set --type bool /desktop/gnome/background/draw_background "false" &
    and settings for gnome could be changed from a DE-specific ("OnlyShowIn=GNOME") .desktop file or two in $HOME/.config/autostart.
    I tried this, but it didnt work. Its a Gnome 3.
    I dont understand second part of your post... ("OnlyShowIn=GNOME")

Maybe you are looking for