Change background in Adobe Bridge Web Gallery

Hi,
I am trying to use a web gallery created with adobe bridge in my webpage. I have inserted gallery in an <iframe>.  The gallery shows up just fine.  I would like to have the background of the webpage show up rather than the background of the web gallery. How can I do this? Also, I would like to change the appearance of the captions under the pictures. Also the gallery shifts left in interbet explorer. Can this be fixed?
Here is the code in my web Page:
<!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"><!-- InstanceBegin template="/Templates/cliffsteele.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Cliff's Home Page</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
-->
</style>
<!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
<link href="cliff.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
#Webgallery {
height: 750px;
width: 1000px;
text-align: center;
background-image:url(back1.gif)
</style>
<!-- InstanceEndEditable -->
</head>
<body>     
<div class="container">
  <div class="header"><img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
<!-- end .header --></div>
  <div class="sidebar1"><!-- InstanceBeginEditable name="sidebar" --> <img src="Pictures/back1.jpg" width="72" height="72" />
      <p style="font-size:larger; font-family:'Comic Sans MS', cursive"> Cliff is an all breed AKC Registered Professional Dog Handler</p>
      <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
      <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
  <!-- InstanceEndEditable -->
  <!-- end .sidebar --></div>
  <div class="content">
  <div > <ul id="MenuBar1" class="MenuBarHorizontal">
     <li><a href="cliffsteele.html">Home</a>      </li>
     <li><a href="#" class="MenuBarItemSubmenu">Resort</a>
       <ul>
         <li><a href="facilities.html">Our Facility</a></li>
         <li><a href="Kennel.html">Boarding &amp; Daycare</a></li>
         <li><a href="spa.html">Grooming</a></li>
         <li><a href="#">Rates</a></li>
</ul>
     </li>
     <li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
       <ul>
         <li><a href="#">Info</a></li>
         <li><a href="#">Rates</a></li>
         <li><a href="calendar.html">Schedule</a></li>
</ul>
     </li>
     <li><a href="#">Photo Gallery</a></li>
     <li><a href="#">About Me</a></li>
     <li><a href="Contact.html">Contact Me</a></li>
   </ul></div>
<br />
<!-- InstanceBeginEditable name="heading" -->
<h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif; padding-top:20px;">Clifford W. Steele</h1>
<!-- InstanceEndEditable -->
<div ><!-- InstanceBeginEditable name="content" -->
  <div id="Webgallery"><iframe src="Adobe Web Gallery/index.html" width="1000" height="750" frameborder="0" name="gallery"></iframe></div>
<!-- InstanceEndEditable --></div>
    <!-- end .content --></div>
  <div class="footer">
      <div style="float:right">
        <p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
       </p>
    </div>
    <div class="clearfloatleft">
        <p>Clifford W. Steele  Professional Handler <br />
          1395 Rt. 6<br />
          Carmel, NY  10512-1627<br />
          United States<br />
          ph:(845) 225-2463<br />
          Cell:(845) 661-0010<br />
        <a href="MAILTO:[email protected]" >[email protected]</a></p>
    </div>
  <!-- end .footer --></div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd -->
=====================================================================
Here is the gallery code:
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="KEYWORDS" content="photography,software,photos,digital darkroom,gallery,image,photographer" />
<meta name="generator" content="Adobe Lightroom" />
<title>Adobe Web Gallery</title>
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="content/139026903252918767_custom.css" />
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="resources/css/master.css" />
<script type="text/javascript">
   window.AgMode = "publish";
      cellRolloverColor="#a1a1a1";
      cellColor="#949494";
      </script>
<script type="text/javascript" src="resources/js/liveUpdate.js">
<!--padding for ie-->
</script>
<script type="text/javascript" src="resources/js/cutName.js">
<!--padding for ie-->
</script>
<!--[if lt IE 7.]> <script defer type="text/javascript" src="resources/js/pngfix.js"></script> <![endif]-->
<!--[if gt IE 6]> <link rel="stylesheet" href="resources/css/ie7.css"></link> <![endif]-->
<!--[if lt IE 7.]> <link rel="stylesheet" href="resources/css/ie6.css"></link> <![endif]-->
</head>
<body>
<div id="wrapper">
<div id="sitetitle">
<h1 onClick="clickTarget( this, 'siteTitle.text' );" id="liveUpdateSiteTitle">Adobe Web Gallery</h1>
</div>
<div id="collectionHeader">
<h1 onClick="clickTarget( this, 'groupTitle.text' );" id="liveUpdateCollectionTitle">My Photographs</h1>
<p onClick="clickTarget( this, 'groupDescription.text' );" id="liveUpdateCollectionDescription">Web Photo Gallery created by Adobe Bridge</p>
</div>
<div id="stage">
<div id="index">
<div id="tempDiv" xmlns="">Floyd &amp; Merve<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7522730020_large.html'">
<div class="itemNumber">1</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID0_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_7522730020_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_7522730020.jpg" id="ID0_1390269032529_thumb" alt="Floyd &amp; Merve" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Honey &amp; Coco<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_5915412028_large.html'">
<div class="itemNumber">2</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID1_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_5915412028_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_5915412028.jpg" id="ID1_1390269032529_thumb" alt="Honey &amp; Coco" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Hope<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_2409862627_large.html'">
<div class="itemNumber">3</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID2_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_2409862627_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_2409862627.jpg" id="ID2_1390269032529_thumb" alt="Hope" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Jackson<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft borderRight  " onClick="window.location.href='content/_0603615958_large.html'">
<div class="itemNumber">4</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID3_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_0603615958_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_0603615958.jpg" id="ID3_1390269032529_thumb" alt="Jackson" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div class="clear">
<!--padding for ie-->
</div>
<div id="tempDiv" xmlns="">Larry<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_6717880965_large.html'">
<div class="itemNumber">5</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID4_1390269032529_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_6717880965_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_6717880965.jpg" id="ID4_1390269032529_thumb" alt="Larry" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Maggie &amp; Fiona<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7881538797_large.html'">
<div class="itemNumber">6</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID5_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_7881538797_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_7881538797.jpg" id="ID5_1390269032545_thumb" alt="Maggie &amp; Fiona" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Mocho<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_0937208439_large.html'">
<div class="itemNumber">7</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID6_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_0937208439_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_0937208439.jpg" id="ID6_1390269032545_thumb" alt="Mocho" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Riley<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft borderRight  " onClick="window.location.href='content/_9205901081_large.html'">
<div class="itemNumber">8</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID7_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_9205901081_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_9205901081.jpg" id="ID7_1390269032545_thumb" alt="Riley" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div class="clear">
<!--padding for ie-->
</div>
<div id="tempDiv" xmlns="">Rio<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_4843308047_large.html'">
<div class="itemNumber">9</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID8_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_4843308047_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_4843308047.jpg" id="ID8_1390269032545_thumb" alt="Rio" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Scout &amp; Whisky<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_7104248265_large.html'">
<div class="itemNumber">10</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID9_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_7104248265_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_7104248265.jpg" id="ID9_1390269032545_thumb" alt="Scout &amp; Whisky" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Shadow<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft   " onClick="window.location.href='content/_0430682464_large.html'">
<div class="itemNumber">11</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID10_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_0430682464_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_0430682464.jpg" id="ID10_1390269032545_thumb" alt="Shadow" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div id="tempDiv" xmlns="">Sissy<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft borderRight  " onClick="window.location.href='content/_8169451030_large.html'">
<div class="itemNumber">12</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID11_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_8169451030_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_8169451030.jpg" id="ID11_1390269032545_thumb" alt="Sissy" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div class="clear">
<!--padding for ie-->
</div>
<div id="tempDiv" xmlns="">Tyke<!--padding for OS X 10.6-->
</div>
<script type="text/javascript">
  var nameDiv = document.getElementById("tempDiv");
  var thumbnailName = getName(nameDiv.innerHTML);
  try {
   nameDiv.parentNode.removeChild(nameDiv);
  } catch (e) {}
</script>
<div class="thumbnail borderTopLeft  borderBottom " onClick="window.location.href='content/_3042148269_large.html'">
<div class="itemNumber">13</div>
<div onMouseOver="window.gridOn( this.parentNode, 'ID12_1390269032545_thumb' );" onMouseOut="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="content/_3042148269_large.html" onClick="return needThumbImgLink;">
<img src="content/bin/images/thumb/_3042148269.jpg" id="ID12_1390269032545_thumb" alt="Tyke" />
</a>
</div>
</div>
</div>
</div>
<div class="thumbnailName">
<p onClick="clickTarget( this, 'thumbnailname' );" id="thumbnailName">
<script type="text/javascript">
    document.write(thumbnailName);
   </script>
</p>
</div>
</div>
</div>
<div class="emptyThumbnail borderTopLeft  borderBottom"> </div>
<div class="emptyThumbnail borderTopLeft  borderBottom"> </div>
<div class="emptyThumbnail borderTopLeft borderRight borderBottom"> </div>
<div class="clear">
<!--padding for ie-->
</div>
</div>
</div>
<div class="clear">
<!--padding for ie-->
</div>
<div id="contact">
<a href="mailto:[email protected]">
<span onClick="clickTarget( this, 'contactInfo.text' );" id="liveUpdateContactInfo">Contact name</span></a>
</div>
<div class="clear">
<!--padding for ie-->
</div>
</div>
</body>
</html>

Try opening in Chrome or Firefox and inspecting the elements. You can turn easily locate the CSS that's driving the background and experiment with settings. You get there by right clicking on an element and select Inspect Element from the options. It's much easier than trying to go through all of that HTML code without a style sheet to go along with it.

Similar Messages

  • Add Adobe Bridge Web Gallery to iweb

    I had made a Adobe Bridge Web Gallery.
    It woks perfectly fine when I preview the index.html file in the gallery folder.
    After I drop the gallery folder in my site folder,
    and making a photo link to the index.html file. The Web-Browser shows up Blank.
    Hope someone may teach me step-by step after exporting the Bridge Web Gallery in combining with iweb.
    Thanks

    Welcome to the Apple Discussions. Where are you publishing your site to? MobileMe or a 3rd party server?
    If it's MMe upload your Gallery folder to your iDisk/Web/Sites folder and use the following URL to link to it?
    http://web.me.com/YourMMe_Account_Namer/Gallery_FolderName/index.html
    You can embed the gallery into an iWeb page using iFrame code in an HTMl snippet. This is the code:
    <iframe height="XXXpx" allowTransparency="true" frameborder="0" scrolling="no" style="width:XXXpx;border:none" src="http://web.me.com/YourMMe_Account_Namer/Gallery_FolderName/index.html"></iframe>
    Set the height and width so that the gallery is totally embedded in the iWeb page. You may have to widen the iWeb page with the Inspector/Page/Layout pane.
    Don't put the gallery folder inside your iWeb site folder as it may be deleted when you publish site changes. Keep it outside the site's folder.
    Happy Holidays

  • How do you use an Adobe Bridge Web gallery in a Flash Website

    How do you embed the output from Adobe Bridge Web Gallery into a Flash Website?

    Hi there -
    I'd try posting your question over in the Flash general forum. You could also try the Flash site design forum. The folks over there will probably be able to help you solve your issue

  • How can I reduce the width of an Adobe Bridge web gallery in Dreamweaver?

    Hi there,
    I've been created a website using Dreamweaver CS4, which is nearly finished except for the photo gallery.
    I have created the web gallery through Adobe bridge and exported. I then created an iframe within the dreamweaver page and specified that it fills 100% of the space (or column, which is approx 510px wide). I then inserted the index file of the gallery into the iframe though 'modify' > 'Edit tag'.
    I saved and tested the webpage in a browser - the functionality worked but the gallery seems to be cropped (See attached pic).
    I then tried to specify that the iframe was 510px wide, but the gallery remained at the same width and the right side of some images and the scroll bar are missing.
    Does anyone know how to reduce the width of an adobe bridge web gallery to 500px wide and insert succesfully into dreamweaver??
    Many thanks
    Helen

    The original photo gallery is:
    http://www.bethanyjanedavies.com/portfolio.html
    You can see that the right side is chopped off
    But I may have to compromise and use:
    http://www.bethanyjanedavies.com/portfolio2.html
    This is a much wider page than the rest of the website, but I suppose you have to find a compromise that works!!
    Cheers
    Helen

  • How do I add a BG image to the adobe bridge web gallery??

    Does anyone know how to add a background image to the web photo gallery in Adobe Bridge? I know how to change the bg color, but what if I wanted to add a bg image? How do I do it???

    Probably by getting the answer in the Bridge forum. (this be Lightroom)

  • Can an Adobe Bridge web gallery slideshow file be inserted in Dreamweaver as part of the homepage?

    Hello.  I am designing the homepage of my first website in Adobe Dreamweaver CS6.  And I would like for the page to include a slideshow that automatically plays as soon as a visitor opens the webpage.  I am interested in using Adobe Bridge to create the slideshow using the feature "web gallery."  The tutorials that I've seen describe how to create the web gallery slideshow, then show how it appears when uploaded to the web as an html file through FTP to a server.  It appears as a separate page.  And I notice that the web gallery file is an index file.  I would appreciate knowing how to include the html file as part of the homepage.  Will simply renaming the file from being "index.html" to something like "my_first_slideshow.html" make possible including it in the site structure?  Or will doing so cause it and the files attached to it to be inaccessable when viewed in a browser?  If it can be included in the site, is an <iframe> needed to be in the code for the slideshow to fit into?  Thank you.

    Maybe you best try this question in the dedicated Dreamweaver forum?:
    http://forums.adobe.com/community/dreamweaver

  • More images in adobe bridge web gallery

    Hi there
    Does any one know how to load more than ten images into the adobe bridge automated web gallery??
    in Bridge CS4
    or is ten just the limit?
    thanks alot

    You'd be best off posting in the Adobe Bridge forum.

  • Adobe Bridge Web Gallery looks great in all browsers except Firefox 13

    I'm not sure if this is a coding issue within Dreamweaver or if it has to to with the bridge gallery. The gallery looks perfect in all of the browsers except for Firefox 13 and Firefox 11 OSX.  Firefox pushes it all the way to the left.   Any help would be much appreciated!   Thanks
    http://carrizoworkforcehousing.com/gallery.htm

    Looks OK to me in Firefox 13.  Can't see anything in IE - probably because I don't have Flash  for that browser.  Which brings up another point.  Many browsers/devices don't support Flash.  If your target audience uses iPhone, iPad or iTouch, they won't see anything. 
    If you do a Google search for jQuery photo galleries, you'll find a bunch that DO work in all browsers.
    Nancy O.

  • Bridge CS3 Workspace Adobe Lightroom Web Gallery Creator

    A while back I was looking around for an easy way to create sharp looking image galleries with minimal work, and I came across a workspace plug in for Bridge Cs3. If I remember correctly, it was labeled Adobe Lightroom Web Gallery something or another. Anyway, I recently formatted my computer and reinstalled everything, but for the life of me I can find no trace of that handy workspace plug in. Does anyone know where I can find it? It had a bunch of customizable flash galleries as well as a customizable html gallery as well. Any help would be appreciated!

    Do you mean AMG( Adobe Media Gallery)? You could download from LAB.
    http://labs.adobe.com/wiki/index.php/Adobe_Media_Gallery

  • How do I get my bridge web gallery to actually work in my photoshop website

    Hi
    Can anyone explain to me in simple english (please - as I'm just a learner) how I get my web gallery (created in bridge) to work with my photoshop website.
    This is what I have done so far:-
    (1) I've created my root folder called 'test'. It has 3 subfolders called:-
    - 'page1' (which is my homepage created as said below)
    - 'page2-gallery' (where I want my bridge web gallery to be)
    - 'page3-other' (for another page link - not important here).
    (2) I have also created a simple website in photoshop (my homepage said above), using the slice tool and have saved it by saveforweb. So I now have my html website file and which works when tested online. One of the slice segments is for my 'gallery' icon on the homepage which, when clicked, should go directly to my bridge web gallery created.
    (3) I have also created a web gallery in bridge and I saved it applying the 'savelocation' as being in page2 of my root folder. But when I checked it online the 'gallery' icon on my homepage does nothing. I then tried saving the gallery to my root folder instead (i.e. not in the page2 of my root folder) but with zero results.
    (4) I've then dragged the root folder's html file (my website's homepage) into dreamweaver, clicked the 'gallery' icon and tried to apply the page2 of my root folder file to the properties inspector's link box (bottom of dreamweaver workspace) - but this wouldn't work either.
    I know that I must be close to solving this riddle and so can anyone help me please.
    J in London, UK

    http://forums.adobe.com/community/photoshop
    http://forums.adobe.com/community/bridge
    http://forums.adobe.com/community/dreamweaver
    This forum is about the Cloud as a delivery process, not about using individual programs
    If you start at the Forums Index http://forums.adobe.com/index.jspa
    You will be able to select a forum for the specific Adobe product(s) you use
    Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll

  • How to change Background Colour in IC Web Client !

    Hi,
    How to change Background Colour in IC Web Client ?
    The desired option is to have a choice of colours based on user. Is it possible?
    Regards.

    Hi,
    May I know if this is the right place to post questions on IC Web Client?
    So far I have not succeeded in getting responses to any of my questions.
    Is there any other forum where i can post questions related to this topic.
    Regards.

  • Trying to incorporate bridge web gallery into GoLive page

    All thoughts are so welcome. I'm trying to update my GoLive site with a Bridge web gallery. I've seen a tutorial or two about doing this in DW, but not my beloved GoLive. Any wisdom would be so appreciated!

    The DW tutorials probably apply to GoLive as well. You're going to need to get your hands a little dirty with HTML to mix web pages.

  • Align title in bridge web gallery, change font of image names.

    I have a web gallery that was created in Adobe Bridge (slide show template).  I have most of the customization done that I want.... except for 2 issues:
    1.  I would like the gallery title to be right aligned rather than the default left.  I have, in the past accomplished this... but for the life of me, I can't figure out how I did it now!  Any help would be appreciated.
    2.  I have given the images names.... how do I change the font color of these image names that appear?
    Thanks!  Any help is appreciated.

    I haven't used the Bridge galley, but my first guess would be dig into the gallery's CSS. It's either in a CSS doc or in the head of the gallery pages, but it's sure to be in CSS somewhere.  This would be for colors and font anyway,,, I don't know if Bridge formats wilt CSS or tables, you just have to open the documents in Dreamweaver to see.
    Lawrence Cramer - *Adobe Community Professional*
    http://www.Cartweaver.com
    Shopping Cart for Adobe Dreamweaver
    available in PHP, ColdFusion, and ASP
    Stay updated - http://blog.cartweaver.com

  • Changing preview panel transparency background in Adobe Bridge CC

    Can the background color showing transparency in the Adobe Bridge CC preview panel be changed from the default black to white?

    Thank you GCRayaPC - I tried again after your positive response but realized I copied the wrong file into the Extensions folder. Doh!
    Glad I wasn't more nasty when I posted (already red-faced).
    THX
    Joanne

  • My adobe cs4 bridge web gallery is not displaying the images

    This is how the web page is displaying.  Any advice would be much appreciated!
    http://www.ascentwithautism.com/html/gallery.html    Once on this page, please click the "Web Gallery" text at the top of the main content section or the image on the right
    Thanks!
    Michaelangelo7777

    give us a screen shot with the camera icon above (in reply window).

Maybe you are looking for