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

Similar Messages

How do I align the Photoshop/Bridge Web Gallery to the left?

I've tried added "align = 'left'" to every spot I thought COULD control the alignment... anyone have an idea of where inthe css code I should be adjusting the alignment? I only need to move the gallery over about 60-100px so it is centered in the window I'm displaying it on. Any help?

Which gallery? Is it the HTML or Flash gallery?
You may want to also post in the Bridge forum as there are more users familiar with issues like that there:
http://forums.adobe.com/community/bridge/bridge_macintosh

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

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.

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Cliff's Home Page</title>

<style type="text/css">

</style>

<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" />

<style type="text/css">
#Webgallery {
height: 750px;
width: 1000px;
text-align: center;
background-image:url(back1.gif)
</style>

</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;" />
</div>
<div class="sidebar1"> <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>

</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 & 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 />

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

<div >
<div id="Webgallery"><iframe src="Adobe Web Gallery/index.html" width="1000" height="750" frameborder="0" name="gallery"></iframe></div>
</div>
    </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>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>

=====================================================================
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">

</script>
<script type="text/javascript" src="resources/js/cutName.js">

</script>



</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 & Merve
</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 & 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 & Coco
</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 & 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
</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
</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">

</div>
<div id="tempDiv" xmlns="">Larry
</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 & Fiona
</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 & 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
</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
</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">

</div>
<div id="tempDiv" xmlns="">Rio
</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 & Whisky
</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 & 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
</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
</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">

</div>
<div id="tempDiv" xmlns="">Tyke
</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">

</div>
</div>
</div>
<div class="clear">

</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">

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

How to add title/caption to each image in Bridge web gallery

Hi,
I am creating a web gallery within Bridge and I want to add a title and caption to each image in my web gallery. How do I do that? The only thing I see is the Site Info. section and that adds a title and caption to the entire web gallery (including each image) and I want different titles and captions for each image. There must be a simple way to do this I just haven't figured it out yet. Any help would be greatly appreciated. Thank you!
ashmic19

Thanks Curt Y for your help. The thing is I have to use only Bridge. I looked up this problem on http://www.experts-exchange.com/ and they said it was not possible to add titles and captions for individual images (slides) in a web gallery in Bridge. They seemed to imply that this was overlooked. So I input what I could based on what was provided by Bridge and turned it in. Thanks to all who viewed and replied to this post. I appreciate it.
ashmic19

Bridge Web Gallery Photos Not Loading

Just upgraded from CS4 to CS6. I had been using the Create Web Photo Album command in CS4 which of course is no longer available.
So, opened Bridge and created an HTML Web Gallery. The HTML Gallery looks great and when I open it with DW locally it works fine in preview mode. After uploading the gallery to the server, the gallery page layout is there but the thumbnails don't load. Page is functional and when I click on one of the thumbnails its large pic page opens but again the pic does not load. The images, both the thumbnails and large images, upload OK and are present on the server.
Here is a link to the album page:
http://ashlandhiking.org/badlink.html
I also tried two other gallery formats; Standard and Lightroom Flash. Both of these worked fine after uploading. So it appears to be a problem associated with the HTML gallery. I tried changing the page doc type to HTML 5 and HTML 4, to no avail.
Please help. Thanks.

It's funny: I had just posted to someone else that they should update to 7.1 to get the web gallery to upload. I didn't realize I was not up all they way myself. So now I'm at 7.1.1.
Problem was, I still had upside down photos.
So the work around I employed was to export the edited photos out, delete the photos within iPhoto, then re-import the edited photos back in. Ah, now they show properly.
Not my favorite solution, but what are you going to do?
I still suspect there might something within the web gallery functionality, which wants to upload the Originals and not the Modifieds. Thoughts anyone?

Index.html created by Bridge Web Gallery has VBGetSwfVer error

I'm running CS6 under Win7 and IE9. I have used Bridge to create a web gallery but when I try and execute the generated index.html file I get a (script?) error:
Clicking eather Yes or No has no impact - just a blank screen.
I have not modified the generated index.html. Also, it does not matter if I have used CS5 or CS6. The generated file works elsewhere (at college Win7, CS5) so it has to be something to do with a setting on my PC but what?
I have reinstalled the latest version of Flash Player and I have the correct add-on enabled:
What's wrong?
Line 116 reads: versionStr = VBGetSwfVer(i);
The function is defined on line 55+"
Function VBGetSwfVer(i)
on error resume next
Dim swControl, swVersion
swVersion = 0
set swControl = CreateObject("ShockwaveFlash.ShockwaveFlash." + CStr(i))
if (IsObject(swControl)) then
swVersion = swControl.GetVariable("$version")
end if
VBGetSwfVer = swVersion
End Function
I'm stumped - help please.

Hi Mike,
glad you got it working. I did take a look at this page:
http://www.oliverdesignstudios.com/HEREWEGO/MHO%20ORIGINALS/index.html
and this page:
http://www.oliverdesignstudios.com/Custom%20Business%20Card%20Designs/index.html
I know you said you moved foldes around until it started working - that's a bit drastic and lucky that none of your links got broken :-)
Back to the folder names. You should never use upper case NOR use spaces when naming folders or files. You may end up with browser incompatibilityand some servers can choke if type of naming convention is used. Also some hosts don't support upper case,(linux in particular),. It's best to use lower case at all times and if you need a space use an underscore or hyphen instead. eg: custom-business-card-designs/
Now if you want to go and rename any folders or files, fo it all via the Dreamweaver File Panel, so that DW can keep track of what you're changing, so that you don't get broken links.
Actually now that you mentioned moving folders etc., are you working in a Defined Dreamweaver Site? That's the very first thing you need to set up when starting a new project in Dreamweaver:
Define a site:
http://kb2.adobe.com/cps/140/tn_14028.html
Hope some of this helps :-)

Can I embed moving images to Bridge web gallery

Hi,
I think Bridge's Web Gallery feature is great, but I would like to put in some of my videos too. Is there any way I could embed my video materia in it? (I can convert them virtually to any format from swf, flv to mov)
Or is there a workaround this? What files do I need to change (in Flash?) in order to embed the video to the gallery? I have the whole Master Collection so all the CS 5.5 programmes are available for me.
Many thanks for your time!
Miiagod

You cannot change that.
BTW, the MobileMe gallery is not part of iWeb. For more on this subject the [MobileMe Gallery forum|http://discussions.apple.com/forum.jspa?forumID=1199] might be a better place.

No image Metadata when outputting from Bridge Web Gallery (CS4)

I use the Web Gallery option within the Output module in CS4 Bridge to process my photos to the image size I want for uploading to flickr. However all the metadata data gets stripped out.
Is there an option I am missing to retain metadata?
Of course I can add back in any IPTC data I want, but I should not have to do that more than once, what I am really annoyed over is the Camera Data (EXIF) is gone.
Software Details:
CS4 Bridge (3.0.0.464)
Output Module
Web Gallery (Standard or HTML Gallery)
Mac OSX 10.5.7

_kabel_ wrote:
The goal here is to automate the process of resizing my photos for upload to a flickr account.
Look into the Image Processor in Bridge or, better yet, install Dr. Brown's Services 2.0.2, a free, brilliant set of scripts by the same author as the Image Processor, Russell Brown. It's like the Image Processor on steroids.
http://www.russellbrown.com/scripts.html

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

CS6 Bridge web gallery - HTML Gallery template problem

In CS6 Bridge, a web gallery created with the HTML Gallery template puts the images in a directory with a path of content\bin\images. This prevents the images from being served from IIS - the bin directory is by default a "Hidden segment". There is no need for the directory hierarchy generated to use the name "bin".
I know how to work around the issue, but it would be better if the issue was not present in the first place. I tried to report it as a problem on photoshop.com, but was unable to login.
How do I report this problem to Adobe?

(Me again, my previous Adobe ID broke). We don't have Dreamweaver, and the users who create and upload web galleries would not be able to use such tools (or a text editor which works on several files at the same time). My workaround is to have a directory dedicated to their web galleries using a web.config file of
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <security>
            <requestFiltering>
                <hiddenSegments>
                    <remove segment="bin" />
                </hiddenSegments>
            </requestFiltering>
        </security>
    </system.webServer>
</configuration>
So that the HTML web galleries' "bin" sub-directories are accessible.

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

Similar Messages

Maybe you are looking for