A 'normal' thumbnail-image structure with Spry

Hello.
I would like to ask the devolopers of Spry if it is possible
to implement, with Spry classes, a basic structure for the opening
of an image from a thumbnail. I examined your examples about the
photo gallery but I would like to perform a more simple behaviour.
Having a Spry-enhanced table like this:
<tbody spry:repeatchildren="dsRisultatiRicerca"
spry:choose="choose" >
<tr spry:default="default"
spry:setrow="dsRisultatiRicerca" spry:hover="rowHover"
spry:select="rowSelected">
<td align="center" width="119" height="119">
<a href="#open"
onclick="openImage('{MYIMAGE}');"><img src="{MYTHUMBNAIL}"
border="0"></a>
</td>
<td>{CODE}</td>
</tr>
[etc...]
I would like that at the click upon MYTHUMBNAIL a 'modal' div
appeared with the same characteristics (in terms of borders, shape
transition and fade) of the example of your Photo Gallery.
The 'opened' image should be visualized in the center of the
screen and it should be possible to close the div with a button 'X'
or similar.
I would thank you if you could provide some support on this
matter.
Newcomsas

Hi Gowda,
According to your description, I understand that the meeting request contain picture will be auto increased when send to recipients.
If I misunderstand your concern, please do not hesitate to let me know.
How about the internal or external mail flow with Outlook client?
It’s by default for external mail flow with outlook. Messages increase in size while in transit through the Internet beyond the actual sum of the size of text, graphics, pictures, and attachments.
Encoding of a message for transmission through the Internet leads to a size increase of approximately one-third.
I find an similar thread about this question, for you reference:
https://social.technet.microsoft.com/Forums/office/en-US/25eebccb-4cf6-43af-b16c-336e1c60a735/inserting-picture-in-meeting-request-size-increasing?forum=outlook
Best Regards,
Allen Wang

Similar Messages

  • How to i add an image path with spry data set

    hi
    how to i add an image path with spry data set. I made a xml file and then created a data set in html but image won't load
    this is my XML
    <?xml version="1.0" encoding="UTF-8"?>
    <banner width = "185" height = "400">
        <item>
            <image scr = "nui-panforte-recipe_01.jpg" ></image>
            <description>CHOC-COCONUT PANFORTE</description>      
            <text1>Try this delicious GLUTEN FREE Christmas treat</text1>
            <text2>CHOC-COCONUT PANFORTE</text2>
        </item>
    </banner>
    this is my HTML
    <!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" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script src="../../SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="../../SpryAssets/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.XMLDataSet("recipe_banner.xml", "banner/item");
    //-->
    </script>
    </head>
    <body>
    <div spry:region="ds1">
      <table>
        <tr spry:repeat="ds1">
          <td>{image}</td>
          <td>{description}</td>
          <td>{text1}</td>
          <td>{text2}</td>
          <td>{text3}</td>
          <td>{text4}</td>
          <td>{link}</td>
          <td>{url}</td>
          <td>{target}</td>
        </tr>
      </table>
    </div>
    </body>
    </html>

    It would be helpfull if you actually created an <img> tag to start with
    <img src="{image/@src}" />
    would work.

  • Displaying thumbnail images inline with a report

    Hi,
    I have a table with data and one column which is a text image filename. This image file resides on another server. I currently have a cgi that takes the image filename as a parameter and returns the image be viewed in a browser. I've been able to create a report where the image file name was a hyperlink that opens the image in the browser. I've also been able to create a static html page that can display the image inline with the APEX page, but the html is hardcoded.
    My desire is to have the thumbnail appear inline with the report in its own column. Is this possible? I've seen it in some demos, but the images were stored in the database or the database servers filesystem.

    Yes, it is possible.
    I did just that.
    Here what I did
    SQL> desc dept
    Name Null? Type
    DEPTNO NOT NULL NUMBER(2)
    DNAME VARCHAR2(14)
    LOC VARCHAR2(13)
    PICS VARCHAR2(20)
    PICS hold the file name of the image, I name my thumbnail and the picture with the same name but store in different directories under HTTPHOME/images, name pics and thumbail
    I created an interactive report in APEX
    select
    "DEPTNO",
    "DNAME",
    "LOC",
    '<img src="#IMAGE_PREFIX#thumbnail/'||"PICS"||'" border="0">' AS PIC_LINK
    from "DEPT"
    In the interactive report attribute, I set the "DISPLAY TEXT AS" for PIC_LINK as "Standard Report Column"
    If you are using XDB, you need to re-copy you images(This part I don't like) to database every time you change/add/delete an image.
    If you are using HTTP server, then that it is.
    I am looking for a way to dynamically show the thumbnail with providing an image file in APEX. So,that I don't have to use 2 files
    --John                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • Image rollovers with Spry fade possible?

    Does anyone know of a way to implement the Spry Fade effect
    so that the result is an image that will fade onmouseover and fade
    out onmouseout?
    Ideally I would use .hover, but this is not available, so I
    have to use onmouseover and onmouseout.
    The problem with this is that if you roll out of the image
    before the fade is complete, when you roll in again, the image
    starts the fade again and does not fade from where it had gotten
    to.
    I could use setInterval and clearInterval, but I was hoping
    that Spry would have a good, fast work around.
    Basically I want a button image that fades seamlessly when
    you rollover it.
    Many thanks.

    quote:
    Originally posted by:
    wriggs
    Does anyone know of a way to implement the Spry Fade effect
    so that the result is an image that will fade onmouseover and fade
    out onmouseout?
    Ideally I would use .hover, but this is not available, so I
    have to use onmouseover and onmouseout.
    The problem with this is that if you roll out of the image
    before the fade is complete, when you roll in again, the image
    starts the fade again and does not fade from where it had gotten
    to.
    I could use setInterval and clearInterval, but I was hoping
    that Spry would have a good, fast work around.
    Basically I want a button image that fades seamlessly when
    you rollover it.
    Many thanks.
    Hi, I have no relevant eixperience with the Spry ajax
    framework, but it can be solved with
    mootools framework easily.
    <img src="yourbutton" id="button" onmouseover="fadein();"
    onmouseout="fadeout();"/>
    <script>
    function fadein() {
    new Fx.Style( "button", 'opacity', {duration: 1000 }
    ).start(0.5,1);}
    function fadeout() {
    new Fx.Style( "button", 'opacity', {duration: 1000 }
    ).start(1,0.5);}
    </script>
    Of course you will need to set the 0.5 opacity property via
    css.
    Regards
    Bagi Zoltán

  • Image rotation with spry

    <cfsetting enableCFoutputOnly="yes"
    showDebugOutput="no">
    <cfinclude
    template="../includes/XMLExport/XMLExport.cfm">
    <cfquery name="get_ads" datasource="#dns#">
    SELECT *
    FROM BannerAds
    WHERE type = 'c' AND
    realastate = 3 AND
    active = 1
    </cfquery>
    <cfscript>
    // Begin XMLExport get_ads
    xmlExportObj = XMLExport_CreateObject("XMLExport");
    xmlExportObj.init();
    xmlExportObj.setRecordset(get_ads);
    xmlExportObj.addColumn("ID", "ID");
    xmlExportObj.addColumn("type", "type");
    xmlExportObj.addColumn("fileName", "fileName");
    xmlExportObj.addColumn("link", "link");
    xmlExportObj.addColumn("date", "date");
    xmlExportObj.addColumn("realastate", "realastate");
    xmlExportObj.addColumn("rotation", "rotation");
    xmlExportObj.addColumn("active", "active");
    xmlExportObj.setMaxRecords("ALL");
    xmlExportObj.setXMLEncoding("ISO-8859-1");
    xmlExportObj.setXMLFormat("NODES");
    xmlExportObj.setRootNode("id");
    xmlExportObj.Execute();
    // End XMLExport get_ads
    </cfscript>
    <cfsetting enableCFoutputOnly="no">
    <!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>Untitled Document</title>
    </head>
    <body>
    </body>
    </html>
    Which I get my results of.....

    <id>

    <row>
    <ID>78</ID>
    <type>c</type>
    <fileName>CDCLarue-Column.gif</fileName>
    <link>
    http://www.cdclarue.com/cd.php</link>
    <date>2007-25-04 08:53:00</date>
    <realastate>3</realastate>
    <rotation/>
    <active>1</active>
    </row>

    <row>
    <ID>80</ID>
    <type>c</type>
    <fileName>Werk-column.jpg</fileName>
    <link>
    http://www.werkmaster.com/</link>
    <date>2007-01-05 13:30:00</date>
    <realastate>3</realastate>
    <rotation/>
    <active>1</active>
    </row>

    <row>
    <ID>85</ID>
    <type>c</type>
    <fileName>Versatile-column.gif</fileName>
    <link>
    http://www.garagecoatings.com/</link>
    <date>2007-15-05 14:00:00</date>
    <realastate>3</realastate>
    <rotation/>
    <active>1</active>
    </row>
    </id>
    Ok.....I'm obviously new to Spry-Ajax :) but have learned a
    lot already I just need to understand how to work with the data in
    the <body> area... I basically need to pull each image or set
    of data individually and rotate each data set/image on the page at
    10 second intervals.
    Thank you,
    Brian

    <cfsetting enableCFoutputOnly="yes"
    showDebugOutput="no">
    <cfinclude
    template="../includes/XMLExport/XMLExport.cfm">
    <cfquery name="get_ads" datasource="#dns#">
    SELECT *
    FROM BannerAds
    WHERE type = 'c' AND
    realastate = 3 AND
    active = 1
    </cfquery>
    <cfscript>
    // Begin XMLExport get_ads
    xmlExportObj = XMLExport_CreateObject("XMLExport");
    xmlExportObj.init();
    xmlExportObj.setRecordset(get_ads);
    xmlExportObj.addColumn("ID", "ID");
    xmlExportObj.addColumn("type", "type");
    xmlExportObj.addColumn("fileName", "fileName");
    xmlExportObj.addColumn("link", "link");
    xmlExportObj.addColumn("date", "date");
    xmlExportObj.addColumn("realastate", "realastate");
    xmlExportObj.addColumn("rotation", "rotation");
    xmlExportObj.addColumn("active", "active");
    xmlExportObj.setMaxRecords("ALL");
    xmlExportObj.setXMLEncoding("ISO-8859-1");
    xmlExportObj.setXMLFormat("NODES");
    xmlExportObj.setRootNode("id");
    xmlExportObj.Execute();
    // End XMLExport get_ads
    </cfscript>
    <cfsetting enableCFoutputOnly="no">
    <!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>Untitled Document</title>
    </head>
    <body>
    </body>
    </html>
    Which I get my results of.....

    <id>

    <row>
    <ID>78</ID>
    <type>c</type>
    <fileName>CDCLarue-Column.gif</fileName>
    <link>
    http://www.cdclarue.com/cd.php</link>
    <date>2007-25-04 08:53:00</date>
    <realastate>3</realastate>
    <rotation/>
    <active>1</active>
    </row>

    <row>
    <ID>80</ID>
    <type>c</type>
    <fileName>Werk-column.jpg</fileName>
    <link>
    http://www.werkmaster.com/</link>
    <date>2007-01-05 13:30:00</date>
    <realastate>3</realastate>
    <rotation/>
    <active>1</active>
    </row>

    <row>
    <ID>85</ID>
    <type>c</type>
    <fileName>Versatile-column.gif</fileName>
    <link>
    http://www.garagecoatings.com/</link>
    <date>2007-15-05 14:00:00</date>
    <realastate>3</realastate>
    <rotation/>
    <active>1</active>
    </row>
    </id>
    Ok.....I'm obviously new to Spry-Ajax :) but have learned a
    lot already I just need to understand how to work with the data in
    the <body> area... I basically need to pull each image or set
    of data individually and rotate each data set/image on the page at
    10 second intervals.
    Thank you,
    Brian

  • Image rollover with spry menu

    Hi everyone:
    I have a vertical spry menu as shown below. I was trying to
    display an image-text(graphic image) when i mouse over for example
    on "home" or "product" or on any of them. it will be different
    image for each of them. I tried using the images as background
    images on hover but raan into two problems. 1) image shown was the
    same for all of them and 2)the already existing text is over the
    top of the image.
    any idea please.
    thanks
    <!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>Untitled Document</title>
    <script src="SpryAssets/SpryMenuBar.js"
    type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css"
    rel="stylesheet" type="text/css" />
    </head>
    <body>
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">home</a> </li>
    <li><a href="history.html"
    class="MenuBarItemSubmenu">product</a>
    <ul>
    <li><a
    href="history.html">history</a></li>
    <li><a
    href="performance.html">performance</a></li>
    <li><a
    href="results.html">results</a></li>
    <li><a href="welding_tips.html">welding
    tips</a></li>
    </ul>
    </li>
    <li><a href="customers.html">customers</a>
    </li>
    <li><a
    href="partner.html">partner</a></li>
    <li class="MenuBarItemSubmenuHover"><a
    href="news.html"
    class="MenuBarItemSubmenuHover">news</a></li>
    <li><a href="about_us.html">about
    us</a></li>
    <li><a href="contact_us.html">contact
    us</a></li>
    </ul>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
    {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
    imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    The easiest way is to use pseudo elements.
    To style the first and last menu items ifferently to the rest, merely add :first-child and :last-child respectivly as follows
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
    <style>
    ul.MenuBarVertical li:first-child a {
        background-color: red;
        color: white;
    ul.MenuBarVertical li:last-child a {
        background-color: green;
        color: yellow;
    </style>
    </head>
    <body>
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a></li>
      <li><a href="#">Item 4</a></li>
      <li><a href="#">Item 5</a></li>
    </ul>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    In your case, in liue of the background colour, you would have an image.
    Gramps

  • How can I create an effect to cycle through several sets of 12 thumbnail images rather than just one

    Hello
    I've searched everywhere i can think of and had no luck so thought it's about time i asked for help.
    How do I create an effect where a group of 12 thumbnail images (all with clickable links) can scroll across by clicking a button to reveal another set of 12 thumbnails and so on without having to refresh the page, im assuming jquery can help but every single slideshow or scroll effect I've come across is for single images and not a set of images.
    Its a gallery part of my website and the images are in sets of 4 in 3 rows.
    All and any help will be greatly apprieciated!
    Anthony

    I think what you want is a Carousel Scroller.  See Demo and Examples
    http://dimsemenov.com/plugins/touchcarousel/
    Nancy O.

  • Question Mark on Thumbnail images in galleries

    When I post my photo gallery from iPhoto through iWeb onto my mac site, all the thumbnail images appear with a question mark over it. This just happened with my last posting and has affected all my past galleries as well. Does anyone know what causes this?
    Thanks

    Now that's a first for me. Haven't seen that problem before. A check of the Activity window for that page indicates that there are no missing files. Being that you're running iWeb 1 it may have something to do with it. Have you tried doing a Publish All to .Mac for your site?
    Post your question in the iWeb (Previous to iWeb '08) forum as there will be iWeb 1 users there that might have experienced this and have a solution.

  • Spry Image Slideshow with Filmstrip, thumbnail problem in Safari

    I'm adding a spry image slideshow with filmstrip in Dreamweaver CS5 on a Mac. I have a folder of images with a large and small (Thumbnail) version of the photos I'd like to use. I've relinked all of the images that are inserted as placeholders by the widget: Source for thumbnail versions and link for large versions. When I preview in Firefox all is well. When I preview in Safari, the filmstrip has white boxes rather than the thumbnail images. Everything else is fine. (It previews correctly in Safari before I change the links.) What am I doing wrong?

    I have a similar problem. I've added a note to reference your problem. I've not got an answer to date.
    Cliff

  • Spry image gallery with filmstrip - how to display all thumbnails?

    Hello,
    I'm using the Spry image gallery with filmstrip and want to be able to show all thumbnails. So instead of scrolling across to see all the thumbnails I would like to display them in a couple of rows. I thought it would be a case of changing the css from overflow: hidden to overflow: visible and increasing the height but this didn't make a difference.
    An example of my gallery is here http://www.demo.femmewebsites.com/gallery.html (This site doesn't have many thumbnails but I have others with 20+ images that need to be displayed)
    Your help would be much appreciated.
    Thanks

    Hello Krista,
    did you have a look here: http://labs.adobe.com/technologies/spry/demos/pe_gallery.html, where you will find DW "Photo Gallery Demos". In every demo, are arranged a large number of images in several rows and rows. Therefrom you can use their source codes.
    Hans-Günter

  • Having a hard time with Spry Image & CS5 on GoDaddy

    Please excuse the newbie here. I hope I can give you all the info up front.
    I downloaded and installed the Spry Image Slideshow with Filmstrip widget just fine into DreamWeaver CS5. I then changed Donald Booth's page to show images from my hobby of 12 images, deleting what I didn't need after that. I created thumbnails, directed everything to where it needs to go (so I thought) and saved it all. I then used FileZilla to upload to my GoDaddy site at www.cargobay13.com the file cafnew2.html and the Spry folder. The actual page is at www.cargobay13.com/cafnew2.html . So, the image file works great on my PC (a windows xp pro unit), but when I try to look at it on the internet (in google Chromer, IE8 and Firefox), it gives me a bunch of messages like "SpryPanelSelector.js requires SpryWidget.js!", etc. Then, the webpage displays all 12 images in a column, one on top of the other. I have uploaded the Spry-UI-1.7 folder into the root directory, and for good measure I copied all the individual files into the directory, too. So, what do I do now?
    Here is the code for the page. After reading about hard lining the java to the wrong folder, I added the "http://www.cargobay13.com/" to the script src lines:
    <!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>Brisco County, Jr.</title>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStr ipPlugin.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugi n.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin .js" type="text/javascript"></script>
    <link href="http://www.cargobay13.com/Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2141543: #ImageSlideShow */
    #ImageSlideShow {
    width: 684px;
    margin: 24px 0px 0px 0px;
    border: solid 1px #000000;
    background-color: #717c96;
    padding-top: 10px;
    #ImageSlideShow .ISSName {
    top: -24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-transform: none;
    color: #000000;
    #ImageSlideShow .ISSSlideTitle {
    top: -18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    color: #000000;
    text-transform: none;
    #ImageSlideShow .ISSClip {
    height: 432px;
    margin: 0 10px 10px 10px;
    border: solid 1px #ffffff;
    background-color: #000000;
    #ImageSlideShow .ISSControls {
    top: 11px;
    height: 432px;
    #ImageSlideShow .FilmStrip {
    height: 80px;
    background-color: #2a3a5b;
    #ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {
    width: 25px;
    height: 80px;
    #ImageSlideShow .FilmStripTrack {
    height: 80px;
    #ImageSlideShow .FilmStripContainer {
    height: 80px;
    #ImageSlideShow .FilmStripPanel {
    height: 80px;
    padding-left: 10px;
    margin-right: 0px;
    #ImageSlideShow .FilmStripPanel .ISSSlideLink {
    margin-top: 10px;
    border: solid 1px #2a3a5b;
    background-color: #2a3a5b;
    #ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
    border: solid 1px #404f6b;
    width: 56px;
    height: 47px;
    margin: 4px 4px 4px 4px;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
    background-color: #59647d;
    border-color: #59647d;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
    border-color: #404f6b;
    /* EndOAWidget_Instance_2141543 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141543" binding="#ImageSlideShow" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <ul id="ImageSlideShow" title="Brisco County, Jr.">
      <li><a href="http://www.cargobay13.com/images/caf001-001.jpg" title="Reference"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-001.jpg" alt="Reference" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-002.jpg" title="Reference"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-002.jpg" alt="Reference" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-002.jpg" title="In progress"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-003.jpg" alt="In progress" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-004.jpg" title="In progress"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-004.jpg" alt="In progress" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-005.jpg" title="Completed figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-005.jpg" alt="Completed figure" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-006.jpg" title="Completed figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-006.jpg" alt="Completed figure" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-007.jpg" title="Figure on card"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-007.jpg" alt="Figure on card" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-008.jpg" title="Front and back"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-008.jpg" alt="Front and back" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-009.jpg" title="Miscellaneous"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-009.jpg" alt="Miscellaneous" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-010.jpg" title="Miscellaneous"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-010.jpg" alt="Miscellaneous" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-011.jpg" title="Autograph"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-011.jpg" alt="Autograph" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-012.jpg" title="Actor with figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-012.jpg" alt="Actor with figure" /></a></li>
    </ul>
    <script type="text/javascript">
    // BeginOAWidget_Instance_2141543: #ImageSlideShow
    var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
    widgetID: "ImageSlideShow",
    widgetClass: "BasicSlideShowFS",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 8000,
    transitionDuration: 2000,
    componentOrder: ["name", "title", "view", "controls", "links"],
    sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
    plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin, Spry.Widget.ImageSlideShow.TitleSliderPlugin, Spry.Widget.ImageSlideShow.PanAndZoomPlugin ],
    TFSP: { pageIncrement: 8, wraparound: true }
    // EndOAWidget_Instance_2141543
    </script>
    </body>
    </html>

    Hey Gramps,
    I had one question. When you changed the:
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    TO
    <script src="http://www.pleysier.com.au/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    I see that you swapped the cargobay13.com --to--> pleysier.com.au ... Does it need to be changed to pleysier.com.au specifically? or is it a diffirent directory in the server?
    Im having the Same issue, In Dreamweaver CS5 and in Previw Mode is fine, untill i upload the to my server I receive the [SpryXXXXXX requires SpryXXXXXXX].
    Please Help, Thank You.

  • Show thumbnail with spry

    Hi,
    I want to upload images using ADDT.
    Normally I show the thumnails with the "show thumbnail"server behaviour.
    Now I want to create a spry image gallery.
    How can I get the thumnails with spry from the images which I have uploaded with the "Upload and Resize Image" serverbehaviour?
    Is this possible?
    Regards,
    C.J.

    Hi Günter,
    >wow, that is one of the greatest suggestions I read since a long time
    Man, I'll print your post and show to my kid :)
    >Maybe some PHP based preprocessing of the recordset´s column value, e.g. a str_replace or whatever ?
    I solve this issue using the getimagesize() function and adding the size to the file name using substr():
    list($img_width, $img_height, $img_type, $img_attr) = getimagesize("../GalleryFolderName/" . $row_detail2imagens['AlbumField'] . "/" . $row_detail2imagens['FileField']);
    list($thumb_width, $thumb_height, $thumb_type, $thumb_attr) = getimagesize("../GalleryFolderName/" . $row_detail2imagens['AlbumField'] . "/thumbnails/" . substr($row_detail2imagens['FileField'], 0, -4) . "_140x105" . substr($row_detail2imagens['FielField'], -4));
    $thumb_width = ($thumb_width / 10) * 7;
    $thumb_height = ($thumb_height / 10) * 7;
    This generates the code for thumbnails section of my xml. Notice that $thumb_width and &thumb_height are set to 70% of the actual file size. This makes the Spry thumbs to grow onmouseover.
    It is also important to notice is needed to use a nested loop to sort the images per albums.
    Cheers!
    Marcell

  • Thumbnail images not showing up in my Spry slideshow

    Hello - Everything seems to be working in my Spry slideshow. However, my thumbnail images are not showing up in Live view or browser. The images are all in the correct folder. Here is what the script looks like:
    <ul id="ImageSlideShow" title="Our Products">
            <li><a href="images/ss_penny.jpg" title="All Things Pennies"><img src="images/ss_penny_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_rides.jpg" title="Children's Kiosks"><img src="images/ss_rides_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_ireality.jpg" title="Simulators"><img src="images/ss_ireality_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_carousels.jpg" title="Carousels"><img src="images/ss_carousels_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_candy.jpg" title="Candy Kiosks"><img src="images/ss_candy_thumb.jpg" alt="" /></a></li>
         </ul>
          <script type="text/javascript">
    Is there something I'm missing?
    Thank you

    There is nothing wrong with the markup that you have shown, hence the problem will be located somwhere else.
    Gramps

  • How do I display thumbnails for subfolders with images in Finder?

    Hello. I've settled in quite nicely with OS X but I find there's one thing I couldn't replace with a better alternative from XP and I've looked extensively for a solution but with no luck, so I figured I'd ask.
    It's best described with a picture (http://i38.tinypic.com/2j2i1rr.png). All those folders have images in them (at their root, not in subfolders). Instead of the generic folder icon, I'd like a thumbnail of the images in the folder (like this: http://imgsrv.worldstart.com/ct-images/folder-pic-blank1.jpg). The closest I've gotten to this is ticking "Show icon preview" in Finder's view options menu, but this only displays the thumbnails when I actually open the folder which is a bit of a problem when you have 200+ folders and you're looking for a specific one. The only thing remotely like this that I've found is FileBrowse (http://www.filebrowse.com/index.html) but it's too fat and slow to be of much use.
    Thanks for any help you might be able to provide.

    baltwo: Thanks for the tip, I didn't know how easy it was to set up custom icons in OS X. In this case it's a difficult solution because it will have to be done by hand for every single folder, which is a problem if I'm going to have these in two places. I'm new to Automator but there doesn't seem to be a way to have it; 1) Select all the folders in a directory. 2) Copy the first image in each folder to the clipboard and have it use that image as each folder's icon.
    Barney-15E: I know it sounds moronic, but yes. I've tried iPhoto but it's not a very good solution in this case. My folder structure is like this:
    Root -> 282 image folders with 10 to 60 pictures in each.
    All I really need is the ability to see at a glance what each image folder has without opening each individual folder. The folders are numbered sequentially (1-282 in this case) rather than by proper names, so this is the most efficient way.

  • Spry Image Slideshow with Filmstrip- Filmstip thumbs loading incorrectly

    Hello, I am hoping someone will be able to help me. I loaded the Widget for the Spry Image Slideshow with Filmstrip. After reading several tutorials as that the product did not work correctly, I finally got the corrupted .js fixed (thanks Accustic Gramps for all your posts very helpful when going through looking). First page looks great, now, I put the slideshow on another page and loaded it, but the filmstrip is now loading off placement so the thumbs are all messed up.
    Hoping someone can help me.
    here is the code and the link:   http://www.highqualitycontractinginc.com/additions.html
    <!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>
    <title>High Quality Contracting Inc- Craftsmanship You Can Trust</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>High Quality Contracting Inc- Craftsmanship You Can Trust</title>
    <meta name="author" content="Mouse Bytez- Website Design and Hosting Services" />
    <meta name="Description" content="High Quality Contracting, Inc- serving Southeastern Wisconsin for all of your contracting, remodeling needs." />
    <meta name="Classification" content="Building and remodeling  Contractor " />
    <meta name="ROBOTS" content="ALL" />
    <meta name="distribution" content="local" />
    <meta name="verify-v1" content="Adu52DLSLorp36w7Ec2sX5iUCtXJGFKRzejTHlondpg=" />
    <link rel="stylesheet" href="stylesheets/style.css" type="text/css" />
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryT humbnailFilmStripPlugin.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryT itleSliderPlugin.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryP anAndZoomPlugin.js" type="text/javascript"></script>
    <link href="http://www.highqualitycontractinginc.com/Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.c ss" rel="stylesheet" type="text/css" />
    <style type="text/css">
    #ImageSlideShow {
        width: 500px;
        border: solid 4px #000000;
        background-color: #FFFFFF;
        padding-top: 10px;
    #ImageSlideShow .ISSName {
        top: -24px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 18px;
        text-transform: uppercase;
        color: #000000;
    #ImageSlideShow .ISSSlideTitle {
        top: -18px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        overflow: hidden;
        color: #AAAAAA;
        text-transform: none;
    #ImageSlideShow .ISSClip {
        height: 400px;
        border: solid 1px #000000;
        background-color: #000000;
    #ImageSlideShow .ISSControls {
        top: 11px;
        height: 400px;
    #ImageSlideShow .FilmStrip {
        height: 80px;
        background-color: #CCCCCC;
    #ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {
        width: 25px;
        height: 80px;
    #ImageSlideShow .FilmStripTrack {
        height: 80px;
    #ImageSlideShow .FilmStripContainer {
        height: 80px;
    #ImageSlideShow .FilmStripPanel {
        height: 80px;
        padding-left: 10px;
    #ImageSlideShow .FilmStripPanel .ISSSlideLink {
        border: solid 1px #AAAAAA;
        background-color: #FFFFFF;
    #ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
        border: solid 1px #AAAAAA;
        width: 56px;
        height: 47px;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
        background-color: #FFFFFF;
        border-color: #FF0000;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
        border-color: #AAAAAA;
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141543" binding="#ImageSlideShow" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <!--  / WRAPPER \ -->
    <div id="wrapper" class="bg">
        <!--  / MAIN CONTAINER \ -->
          <div id="mainCntr">
            <!--  / HEADER CONTAINER \ -->
            <div id="headerCntr">
              <h1><img src="images/bbbsealh1US.gif" width="135" height="51" /></h1>
                  <!-- / MENU CONTAINER \ -->
              <div class="menuCntr">
                        <ul>
                          <li class="selected"><a href="index.html" class="home">Home</a></li>
                          <li><a href="about.html" class="home">About </a></li>
                          <li><a href="links.html" class="links">Links</a></li>
                          <li><a href="service.html" class="service">Services</a></li>
                          <li><a href="contact.html" class="contact">Contact</a></li>
                        </ul>
              </div>
                  <!-- \  MENU CONTAINER  /-->
           </div>
            <!--  \ HEADER CONTAINER / -->
           <img src="images/logo.jpg" width="987" height="289" alt="High Quality Contracting Inc" />       <!--  / CONTENT CONTAINER \ -->
          <div id="contentCntr">
              <!--  / LEFT CONTAINER \ -->
              <div id="leftCntr">
                <!--  FEATUERED BOX  -->
                    <!--  / FEATUERED BOX \ -->
                <div class="featurdBox">
                     <ul>
                        <li onclick="tab1()" ><a href="javascript:void(null); class="active">Menu</a>
                            <ul id="first" style="display: block;">
                                <li><a href="additions.html" title="remodeling additions"> Addition Construction</a></li>
                                <li><a href="affiliates.html" title="affiliates">Affiliates </a></li>
                                <li><a href="cabinetry.html" title="cabinetry construction">Cabinetry Construction</a></li>                    
                                <li><a href="chimney.html" title="chimney construction and repair">Chimney Construction/Repair</a></li>
                                <li><a href="about.html" title="company profile">Company Profile </a></li>
                                <li><a href="decks.html" title="custom deck builders">Custom Decks </a></li>
                                <li><a href="http://www.johnsonbankmortgage.com/vmyszewski" title="financing services through Johnson Bank" target="_blank">Financing Services </a></li>
                                <li><a href="flooring.html" title="hardwood, carpet, tile flooring">Flooring Services </a></li>
                               <li> <a href="grading.html" title="grading services">Grading Services </a></li>
                              <li> <a href="garages.html" title="garage construction and remodeling">Garages Construction</a></li>
                              <li><a href="interior.html" title="interior walls and painting">Interior Walls </a></li>
                               <li><a href="organizations.html" title="organizations"> Organizations & Charities</a></li>
                               <li><a href="rec_rooms.html" title="rec rooms and bonus rooms"> Rec Rooms/Bonus Rooms </a></li>
                                                          <li><a href="rough_carptentry.html" title="rough carpentry"> Rough Carpentry</a></li>
                               <li><a href="siding.html" title="vinyl siding"> Siding Services </a></li>
                               <li><a href="testimonial1.html" title="testimonial 1"> Testimonial 1</a></li>
                               <li><a href="testimonial2.html" title="testimonial 2"> Testimonial 2</a></li>
                               <li><a href="testimonial3.html" title="testimonial 3"> Testimonial 3</a></li>
                               <li><a href="testimonial4.html" title="testimonial 4"> Testimonial 4</a></li>
                               <li><a href="testimonial5.html" title="testimonial 5"> Testimonial 5</a></li>
                               <li><a href="testimonial6.html" title="testimonial 6"> Testimonial 6</a></li>
                               <li><a href="testimonial7.html" title="testimonial 7" class="last"> Testimonial 7</a></li>
                          </ul>
                        </li>
                      </ul>
                </div>
                <!--Feature end -->
            <!--  / YES BOX \ --></div>
              <!--  \ LEFT CONTAINER / -->
              <!--  / RIGHT CONTAINER \ -->
              <div id="rightCntr">
                  <!--  / WELCOME BOX \ -->
                <div class="welcomeBox">
                  <h2>Home Additions examples</h2>
                  <ul id="ImageSlideShow" title="High Quality Contracting Inc ">
                <li><a href="images/2011/large/Additionafter1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Additionafter1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/2nd-floor-addition.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/2nd-floor-addition.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-After1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-After1.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
                <li><a href="images/2011/large/addition.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/addition.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Addition-framing2.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Addition-framing.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
                <li><a href="images/2011/large/Completion-2nd-floor-additi.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Completion-2nd-floor-additi.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-rear-vie.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-rear-vie.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Addition-framing2.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Addition-framing1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-During.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-During.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Dormer.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Dormer.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-After.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
              </ul>
              <script type="text/javascript">
    // BeginOAWidget_Instance_2141543: #ImageSlideShow
    var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
        widgetID: "ImageSlideShow",
        widgetClass: "BasicSlideShowFS",
        injectionType: "replace",
        autoPlay: true,
        displayInterval: 4000,
        transitionDuration: 2000,
        componentOrder: ["name", "title", "view", "controls", "links"],
        sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
        plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin, Spry.Widget.ImageSlideShow.TitleSliderPlugin, Spry.Widget.ImageSlideShow.PanAndZoomPlugin ],
        TFSP: { pageIncrement: 8, wraparound: true }
    // EndOAWidget_Instance_2141543
                           </script>
                </div>
                <!--  / PORTFOLIO BOX \ -->
                <div class="portfolioBox">
                    <h2>Home addition construction
    </h2>
                    <p class="style21">Sometimes moving is just an option, yet you need that extra space. As  a master home remodeler, High Quality Contracting Inc can build your 1st or 2nd story addition creating the perfect space and improving the look of your home. We have years of experience in creating beautiful functional additions. </p>
                    <p> </p>
                    <p class="style21">We offer the following:
                   <br /><br /></p>
                    <ul>
                      <li class="style21"><strong>* 1st and 2nd floor additions</strong></li>
                      <li class="style21"><strong>* In-law suites</strong> </li>
                      <li class="style21"><strong>* Sun Room Additions </strong></li>
                      <li class="style21"><strong>* Garden Room Additions </strong></li>
                      <li class="style21"><strong> * Home Office Addtions </strong></li>
                      <li class="style21"><strong> * Three Season Room Additions </strong></li>
                      <li class="style21"><strong> * Great Room Additions</strong> </li>
                      <li class="style21"><strong> * Hot Tub Room Additions</strong></li>
                      <li class="style21"><strong> * Family Room Additions</strong> </li>
                      <li class="style21"><strong> * Home Theater Addtions</strong> </li>
                      <li class="style21"><strong> * Many more options available</strong> </li>
                  </ul>
                </div>
                  <!--  / PORTFOLIO BOX \ -->
              </div>
              <!--  \ RIGHT CONTAINER / -->
           </div>
          <!--  \ CONTENT CONTAINER / -->
        </div>
        <!--  \ MAIN CONTAINER / -->
        <!--  / FOOTER CONTAINER \ -->
        <div id="footerCntr">
                <div class="footerBox">
                     <a href="http://www.facebook.com/pages/High-Quality-Contracting-Inc/154074487989079?sk=wall" target="_blank"><img src="images/facebook.jpg" alt="High Quality Contracting Facebook Page" width="52" height="47" border="0" /></a>
                    <p align="center">&copy; High Quality Contracting, Inc All Rights Reserved| Web Site by: <a href="http://www.mousebytez.com" title="mouse bytez, llc" target="_blank">Mouse Bytez,LLC</a></p>
                  </div>
        </div>
        <!--  \ FOOTER CONTAINER / -->
    </div>
    <!--  \ WRAPPER / -->
    </body>
    </html>

    My apology, mousebytez, I now notice that you had already supplied the URL to your site in your first post.
    And now my second apology, I have tried the page in IE7+ and in FF and see no problem. Could you please bear with this old soul and explain the problem a bit further.
    Gramps

Maybe you are looking for