Emailing .gif?

Hello,
1.
When I drag a .gif from the Finder to a 'new mail' in Mail.app the gif does not animate. It just sits like an image. Question: How do I send animated .gif?
2. (sorry for OT)
What's the best program to open .gif with? Safari does it but lags quite a lot. Some gifs open fine in Quicktime but many gifs are set to loop and this disappears in QT.
Thank you!

unfortunately you can no longer send animated gifs via Mail.
that is to say Mail doesn't play them. If you attach an animated gif to an outgoing message, the ability to play them depends on the receiver's e-mail client. If it's Mail.app they won't play, if it's something else, they might.
This ability existed in Tiger but was removed in Leopard for mysterious reasons. Apple says it's new feature. go figure...
You can request that they put this feature back at http://www.apple.com/feedback/macosx.html
QT plays them just fine. to loop them select loop from the view menu.
Message was edited by: V.K.

Similar Messages

  • How can I get a .GIF as my pod touch background?

    i email .GIF's to myself but when i download them on my ipod i only get a picture. how can i get the whole .GIF?

    If you mean an animated background via a .gif, you can't.

  • Newbie help me obi wans: ...coded locked by template or translator

    Hi Folks,
    I'm such a newbie to DW   I've been using it for a few years actually, but in a very basic sense.
    I dloaded a template, added some graphics, made some buttons etc.. and of course text, but when it comes to coding,
    I've only figure out how to add spaces  lol
    I'm trying to add a flash video to my samples page.  I can add images, but every time I add the .flv, I receive the subject message.
    So here are 2 issues:
    1. I don't know if this related to #2, but I can't erase the 3rd column...or even use it. it's locked - I see a circle with a line through it.  The template I bought did say it was 3 columns, but I don't understand why I can't touch it.  I've attached a tiff of what it looks like right now.
    2. as the subject says "changing code is locked by the template is locked a template or translator" is giving me grief.
    I've reviewed the previous posts on the subject, but I'm afraid my newbie-ness has left me not knowing what to do.  ie. I can't find a time/date to change...I see the <head> and <script>, but they're greyed out on the one page I'm trying to edit.  They're not greyed out on the template page however.
    I also tried saving my .dwt as a new template, but that didn't work either.
    Here is code for my Samples page.  I'll post the code for the template page under that.
    <html><!-- #BeginTemplate "/Templates/Main2.dwt" --><!-- DW6 -->
    <head>
    <!-- #BeginEditable "doctitle" -->
    <title>dvdslideshow</title>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <!-- #EndEditable -->
    <LINK REL=STYLESHEET TYPE="text/css" HREF="../style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    //-->
    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('../oldafter.jpg','../hockey new 281.jpg','../sp40 fixed.jpg','../redeyegone.jpg','../yellowfinal.jpg','../sp900_800.jpg','../soloedited.jpg ','../breton_done_web.jpg')">
    <table width="0%" border="0" cellspacing="0" cellpadding="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="128" rowspan="8" valign="top" bgcolor="#EBEBE3"> <table width="128" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="../images/menutop.gif" width="128" height="18"></td>
            </tr>
            <tr>
              <td><p><a href="../index.htm"><img name="Image35" border="0" src="../images/menu/home.gif" width="128" height="19"></a><br>
                  <a href="../services.htm"><img name="Image36" border="0" src="../images/menu/products.gif" width="128" height="19"></a><br>
                  <a href="../samples.htm"><img name="Image37" border="0" src="../images/menu/services.gif" width="128" height="19"></a><br>
                  <a href="../pricing.htm"><img name="Image38" border="0" src="../images/menu/aboutus.gif" width="128" height="19"></a><br>
                  <a href="../the_process.htm"><img name="Image39" border="0" src="../images/menu/company.gif" width="128" height="19"></a><br>
                  <a href="../testimonials.htm"><img name="Image40" border="0" src="../images/menu/links.gif" width="128" height="19"></a><br>
                  <a href="../faq.htm"><img name="Image41" border="0" src="../images/menu/guestbook.gif" width="128" height="19"></a><br>
                  <a href="../disclaimers.htm"><img name="Image42" border="0" src="../images/menu/photo.gif" width="128" height="19"></a><br>
                  <a href="../contact me.htm"></a><a href="../contact_me.htm"><img name="Image45" border="0" src="../images/menu/email.gif" width="128" height="19"></a>
                  <a href="../contact me.htm"></a><a href="../contact me.htm"></a></p></td>
            </tr>
            <tr>
              <td><a href="../specials.htm"><img src="../images/menubottom2.jpg" width="128" height="18" border="0"></a></td>
            </tr>
            <tr>
              <td><img src="../images/sidetop.gif" width="128" height="17"></td>
            </tr>
            <tr>
              <td align="center"><strong>Celebrate a milestone birthday or anniverary
                with a <u>DVD Photo Slideshow</u>. <a href="slideshows2dvd.htm">Click
                here for more details.</a></strong></td>
            </tr>
            <tr>
              <td align="center"> <table width="96%" border="0" cellspacing="0" cellpadding="0" align="center">
                  <tr>
                    <td class="news"><br>
                      <a href="audiotransfers.htm"><img src="../LPcassettes.jpg" width="180" height="152" border="0"></a>
                    </td>
                  </tr>
                </table></td>
            </tr>
          </table>
          <p align="center"><font size="+2">Donations!</font></p>
          <p align="center"> 5% of Memories2dvd's annual revenue will be donated equally
            between the <a href="http://www.cancer.ca/ccs/internet/cancer/0,,3172,00.html"><strong>Canadian
            Cancer Society</strong></a> and the <a href="http://junobeach.org/Centre/index.html"><strong>Juno
            Beach Memorial</strong></a></p>
          <p> </p></td>
        <td width="3" rowspan="7"><img src="../images/clearpixel.gif" width="3" height="1"></td>
        <td width="16" height="56" bgcolor="#6D9A50"><img src="../images/topleft.gif" width="16" height="56"></td>
        <td width="100%" valign="bottom" bgcolor="#6D9A50"><img src="../name.gif" width="360" height="50"></td>
        <td width="16"><img src="../images/topright.gif" width="16" height="56"></td>
      </tr>
      <tr>
        <td colspan="3" height="2"><img src="../images/clearpixel.gif" width="1" height="2"></td>
      </tr>
      <tr>
        <td height="6" colspan="3" bgcolor="#006D15"><img src="../images/clearpixel.gif" width="1" height="6"></td>
      </tr>
      <tr>
        <td colspan="3" height="2"><img src="../images/clearpixel.gif" width="1" height="2"></td>
      </tr>
      <tr>
        <td height="21" bgcolor="#EBEBE3"><img src="../images/lightleft.gif" width="16" height="21"></td>
        <td align="right" bgcolor="#EBEBE3"><div align="left"><strong><a href="mailto:[email protected]">CONTACT
            INFORMATION: Phone: 613-324-2383___ E-MAIL</a> | <a href="../about_me.htm">About
            Me</a></strong> </div></td>
        <td bgcolor="#EBEBE3"> </td>
      </tr>
      <tr>
        <td height="11"><img src="../images/clearpixel.gif" width="1" height="11"></td>
        <td align="right" valign="top"><img src="../images/lightcorner.gif" width="10" height="11"></td>
        <td bgcolor="#EBEBE3"><img src="../images/clearpixel.gif" width="1" height="11"></td>
      </tr>
      <tr>
        <td height="650" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="16" rowspan="2"><img src="../images/innertopleft.gif" width="16" height="16"></td>
              <td bgcolor="#006D15" height="1"><img src="../images/clearpixel.gif" width="1" height="1"></td>
              <td width="16" rowspan="2"><img src="../images/innertopright.gif" width="18" height="16"></td>
            </tr>
            <tr>
              <td width="100%"><img src="../images/clearpixel.gif" width="1" height="15"></td>
            </tr>
            <tr>
              <td background="../images/leftbg.gif"><img src="../images/clearpixel.gif" width="16" height="8"></td>
              <td width="100%" valign="top"> <div align="center">
                  <table width="100%" border="0" cellspacing="2" cellpadding="2">
                    <!--DWLayoutTable-->
                    <!-- #BeginEditable "Body" -->
                  <tr>
                    <td width="267" height="145" valign="top"><p><img src="../pg t samples.jpg" width="119" height="34"></p>
                        <p>It's one thing to read about my services, but once you
                          actually see the results, you will realize that personalization
                          is the key to your DVD project. Aside from your photos,
                          video and favourite music, I completely personalize every
                        aspect of your DVD right from the packaging to the DVD menus.</p>
                        <p>Click <a href="testimonials.htm"><strong>here</strong></a> to read client testimonials.</p>
                        <p>Click on the thumbnails below to view various samples from
                          recent projects.</p>
                        <p><em>All samples have been reduced in quality to be internet
                          friendly. Original versions are of superior quality and
                          full-TV size. </em></p>
                        <p>You will need Apple's Quicktime player to view the movie
                          files. The free download is available by clicking <a href="http://www.apple.com/quicktime/products/qt"><strong>here</strong></a>.</p>
                      <p> </p>                    </td>
                    <td width="290" align="center" valign="top"><p> </p>
                        <p> </p>
                        <p align="center">Follow these links to read about other services:</p>
                        <div align="left">
                          <ul>
                            <li><strong><a href="homedvds.htm"><font size="+1">Video
                            and Reel Transfers</font></a></strong></li>
                            <li><font size="+1"><strong><a href="slideshows2dvd.htm">Photo
                              Slideshows</a></strong></font></li>
                            <li><font size="+1"><strong><a href="../photorestorations.htm">Photo
                              Transfers and Restorations</a></strong></font></li>
                            <li> <font size="+1"><strong><a href="audiotransfers.htm">Audio
                              Transfers</a></strong></font></li>
                          </ul>
                        </div>
                        <p> </p>
                        <p align="right"> </p>
                      <p> </p></td>
                  </tr>
                  <tr valign="top">
                    <td height="232" colspan="2" valign="top"> <p align="left"><strong><font size="+1">PHOTOSLIDESHOW
                          SAMPLES:</font></strong></p>
                      <p align="left"> </p>
                      <p align="left">The following slideshow was recently done for a surprise birthday party.</p>
                      <p align="center"><a href="Sshowsample.mp4"><img src="Sshowsample2.jpg" width="163" height="89"></a></p>
                      <p align="left">Photographs with voice over narration and
                          text titles were combined to create a presentation that
                          will provide generations with a history on their forefather
                          in this biography.</p>
                        <p align="center"><a href="../biography.wmv"><img src="../bio111.jpg" width="111" height="73" border="0"></a></p>
                        <p align="left"> </p>
                        <p align="left">This couple were married by a lake in a beautiful
                          wedding. I compiled camcorder footage along with photographs
                          into a memorable DVD, complete with a bonus music video.
                        <p align="center"><a href="../ceremusicvidsam.mp4"><img src="../arbour.jpg" width="111" height="72" border="0"></a>
                        <p align="left"><strong><font size="+1">8mm REEL COLOUR CORRECTION
                          SAMPLE:</font></strong>
                        <p align="left">Are you videos dark, too bright or discoloured?
                          I can edit your tapes and film to repair colour issues,
                        bringing your movies back to life.                   
                        Click <a href="http://homepage.mac.com/memories2dvd/iMovieTheater30.html"><strong>HERE</strong></a> to view samples.
                        <p align="left"><strong><font size="+1">PHOTO RESTORATION
                          SAMPLES</font></strong>
                        <p align="left">These samples illustrate the various types
                          of blemishes which can be dealt with to restore your photographs.</p>
                        <p align="left"> <strong><u><font size="3">Simply move your
                          mouse cursor over each photo to see the difference.</font></u></strong></p>
                        <p align="left"><strong>General Dust/Blemish Removal</strong></p>
                        <p align="left"> </p>
                        <p> </p>
                        <div align="center">
                          <p align="left"> </p>
                        </div>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sp40 fix','','../sp40 fixed.jpg',1)"><img src="../sp40_orig.jpg" name="sp40 fix" width="600" height="418" border="0"></a></p>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image56','','../hockey new 281.jpg',1)"><img src="../hockey old 281.jpg" name="Image56" width="270" height="163" border="0"></a></p>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('oldsue','','../oldafter.jpg',1)"><img src="../oldbefore.jpg" name="oldsue" width="320" height="501" border="0"></a></p>
                        <p align="left"><strong>Red Eye Removal</strong></p>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image55','','../redeyegone.jpg',1)"><img src="../redeye.jpg" name="Image55" width="231" height="416" border="0"></a></p>
                        <p align="left"><strong>Colour &amp; Stain Removal</strong></p>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('yellow','','../yellowfinal.jpg',1)"><img src="../yelloworig.jpg" name="yellow" width="270" height="395" border="0"></a></p>
                        <p align="left"><strong>Contrast &amp; Exposure Adjustments
                          and Crack Removals </strong>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('breton','','../breton_done_web.jpg',1)"><img src="../breton base_web.jpg" name="breton" width="539" height="1000" border="0"></a>                   
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cracks','','../sp900_800.jpg',1)"><img src="../sp9orig.jpg" name="cracks" width="600" height="410" border="0"></a>
                        <p align="left"><strong>Isolation of Main Subject</strong>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('isolation','','../soloedited.jpg',1)"><img src="../15sisters.jpg" name="isolation" width="300" height="500" border="0"></a>
                        <p align="left"> </p>
                        <p><br>
                          <img src="../images/clearpixel.gif" width="430
    " height="1"> </p>                    </td>
                  </tr>
                  <!-- #EndEditable -->
                    <tr valign="top">
                      <td height="88" colspan="4" align="center" class="menu"> <p><img src="../images/hr.gif" width="361" height="1"></p>
                        <p class="menu" ><a href="../index.htm"><strong>home</strong></a><strong>
                          | <a href="../services.htm">services</a> | <a href="../sample.htm">samples</a>
                          | <a href="../pricing.htm">pricing</a> | <a href="../testimonials.htm">testimonials</a>
                          | <a href="../the_process.htm">the process</a><br>
                          <a href="../faq.htm"> f.a.q.</a> | <a href="../disclaimers.htm">disclaimers</a>
                          | <a href="../contact_me.htm">contact me</a> | <a href="../about_me.htm">about
                          me</a></strong></p>
                        <p class="menu" >Copyright Memories2dvd<a href="http://www.ibswebdesign.com/" target="_blank"></a>
                          2003 - 2009 All Rights Reserved</p></td>
                    </tr>
                    <tr>
                      <td height="5"></td>
                      <td></td>
                      <td width="211"></td>
                      <td></td>
                    </tr>
                  </table>
                </div></td>
              <td width"23" background="../images/rightbg.gif"><img src="../images/clearpixel.gif" width="16" height="8"></td>
            </tr>
            <tr>
              <td width="16" rowspan="2"><img src="../images/innerbottomleft.gif" width="16" height="16"></td>
              <td width="100%"><img src="../images/clearpixel.gif" width="1" height="15"></td>
              <td width="16" rowspan="2"><img src="../images/innerbottomright.gif" width="18" height="16"></td>
            </tr>
            <tr>
              <td width="1" bgcolor="#006D15" height="1"><img src="../images/clearpixel.gif" width="1" height="1"></td>
            </tr>
          </table></td>
        <td bgcolor="#EBEBE3"> </td>
      </tr>
      <tr>
        <td height="5" colspan="3"><img src="../images/clearpixel.gif" width="1" height="5"></td>
        <td bgcolor="#EBEBE3"><img src="../images/clearpixel.gif" width="1" height="5"></td>
      </tr>
      <tr>
        <td height="20" bgcolor="#006D15"><img src="../images/bottomleftcorner.gif" width="16" height="20"></td>
        <td colspan="3" bgcolor="#006D15"> </td>
        <td bgcolor="#006D15"><img src="../images/bottomrightcorner.gif" width="16" height="20"></td>
      </tr>
    </table>
    </body>
    <!-- #EndTemplate --></html>
    CODE FOR THE TEMPLATE PAGE:
    <html>
    <head>
    <!-- #BeginEditable "doctitle" -->
    <title>Untitled Document.</title>
    <!-- #EndEditable -->
    <LINK REL=STYLESHEET TYPE="text/css" HREF="../style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    //-->
    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    <table width="0%" border="0" cellspacing="0" cellpadding="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="128" rowspan="8" valign="top" bgcolor="#EBEBE3"> <table width="128" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="../images/menutop.gif" width="128" height="18"></td>
            </tr>
            <tr>
              <td><p><a href="../index.htm"><img name="Image35" border="0" src="../images/menu/home.gif" width="128" height="19"></a><br>
                  <a href="../services.htm"><img name="Image36" border="0" src="../images/menu/products.gif" width="128" height="19"></a><br>
                  <a href="../samples.htm"><img name="Image37" border="0" src="../images/menu/services.gif" width="128" height="19"></a><br>
                  <a href="../pricing.htm"><img name="Image38" border="0" src="../images/menu/aboutus.gif" width="128" height="19"></a><br>
                  <a href="../the_process.htm"><img name="Image39" border="0" src="../images/menu/company.gif" width="128" height="19"></a><br>
                  <a href="../testimonials.htm"><img name="Image40" border="0" src="../images/menu/links.gif" width="128" height="19"></a><br>
                  <a href="../faq.htm"><img name="Image41" border="0" src="../images/menu/guestbook.gif" width="128" height="19"></a><br>
                  <a href="../disclaimers.htm"><img name="Image42" border="0" src="../images/menu/photo.gif" width="128" height="19"></a><br>
                  <a href="../contact%20me.htm"></a><a href="../contact_me.htm"><img name="Image45" border="0" src="../images/menu/email.gif" width="128" height="19"></a>
                  <a href="../contact%20me.htm"></a><a href="../contact%20me.htm"></a></p></td>
            </tr>
            <tr>
              <td><a href="../specials.htm"><img src="../images/menubottom2.jpg" width="128" height="18" border="0"></a></td>
            </tr>
            <tr>
              <td> </td>
            </tr>
            <tr>
              <td align="center"><strong>Celebrate a milestone birthday or anniverary
                with a <u>DVD Photo Slideshow</u>. <a href="../slideshows2dvd.htm">Click
                here for more details.</a></strong></td>
            </tr>
            <tr>
              <td align="center"> <table width="96%" border="0" cellspacing="0" cellpadding="0" align="center">
                  <tr>
                    <td class="news"><br>
                      <a href="../audiotransfers.htm"><img src="../LPcassettes.jpg" width="180" height="152" border="0"></a>
                    </td>
                  </tr>
                </table></td>
            </tr>
          </table>
          <p align="center"><font size="+2">Donations!</font></p>
          <p align="center"> 5% of Memories2dvd's annual revenue will be donated equally
            between the <a href="http://www.cancer.ca/ccs/internet/cancer/0,,3172,00.html"><strong>Canadian
            Cancer Society</strong></a> and the <a href="http://junobeach.org/Centre/index.html"><strong>Juno
            Beach Memorial</strong></a></p>
          <p> </p></td>
        <td width="3" rowspan="7"><img src="../images/clearpixel.gif" width="3" height="1"></td>
        <td width="16" height="56" bgcolor="#6D9A50"><img src="../images/topleft.gif" width="16" height="56"></td>
        <td width="100%" valign="bottom" bgcolor="#6D9A50"><img src="../name.gif" width="360" height="50"></td>
        <td width="16"><img src="../images/topright.gif" width="16" height="56"></td>
      </tr>
      <tr>
        <td colspan="3" height="2"><img src="../images/clearpixel.gif" width="1" height="2"></td>
      </tr>
      <tr>
        <td height="6" colspan="3" bgcolor="#006D15"><img src="../images/clearpixel.gif" width="1" height="6"></td>
      </tr>
      <tr>
        <td colspan="3" height="2"><img src="../images/clearpixel.gif" width="1" height="2"></td>
      </tr>
      <tr>
        <td height="21" bgcolor="#EBEBE3"><img src="../images/lightleft.gif" width="16" height="21"></td>
        <td align="right" bgcolor="#EBEBE3"><div align="left"><strong><a href="mailto:[email protected]">CONTACT
            INFORMATION: Phone: 613-831-9365___ E-MAIL</a> | <a href="../about_me.htm">About
            Me</a></strong> </div></td>
        <td bgcolor="#EBEBE3"> </td>
      </tr>
      <tr>
        <td height="11"><img src="../images/clearpixel.gif" width="1" height="11"></td>
        <td align="right" valign="top"><img src="../images/lightcorner.gif" width="10" height="11"></td>
        <td bgcolor="#EBEBE3"><img src="../images/clearpixel.gif" width="1" height="11"></td>
      </tr>
      <tr>
        <td height="650" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="16" rowspan="2"><img src="../images/innertopleft.gif" width="16" height="16"></td>
              <td bgcolor="#006D15" height="1"><img src="../images/clearpixel.gif" width="1" height="1"></td>
              <td width="16" rowspan="2"><img src="../images/innertopright.gif" width="18" height="16"></td>
            </tr>
            <tr>
              <td width="100%"><img src="../images/clearpixel.gif" width="1" height="15"></td>
            </tr>
            <tr>
              <td background="../images/leftbg.gif"><img src="../images/clearpixel.gif" width="16" height="8"></td>
              <td width="100%" valign="top"> <div align="center">
                  <table width="100%" border="0" cellspacing="2" cellpadding="2">
                    <!--DWLayoutTable-->
                    <!-- #BeginEditable "Body" -->
                    <tr>
                      <td width="329" height="189" valign="top"><p><img src="../pg%20t%20instrucnl.jpg" width="300" height="27"></p>
                        <p align="left">From teachers to health care professionals
                          to corporate trainers, I can help you create a compelling
                          instructional video. Using techniques such as Picture in
                          Picture will deliver your educational knowledge with extra
                          value. The ease of navigation of DVD makes instruction more
                          efficient and effective.</p></td>
                      <td width="4" valign="top"><img src="images/hr.gif" width="1" height="125"> </td>
                      <td colspan="2" valign="top"><p><img src="../pg%20t%20blank.jpg" width="204" height="27
    "></p>
                        <p>Follow these links to read about other services:</p>
                        <div align="left">
                          <ul>
                            <li><a href="../homedvds.htm">classic home videos</a></li>
                            <li> <a href="../weddings2dvd.htm">weddings2dvd</a></li>
                            <li> <a href="../sports2dvd.htm">sports2dvd</a></li>
                            <li> <a href="../slideshows2dvd.htm">DVD photo slideshows</a></li>
                            <li> <a href="../reunions2dvd.htm">reunions2dvd</a></li>
                            <li> <a href="instructionaldvds.htm">instructional DVD</a></li>
                          </ul>
                        </div></td>
                    </tr>
                    <tr>
                      <td height="3
    50" colspan="3" valign="top"><p align="center"><img src="../images/hr.gif" width="361" height="1"></p>
                        <p align="left">  </p>
                        <p align="left">Please click <a href="../sample.htm"><strong>here</strong></a>
                          to view real samples from recent projects.<br>
                        </p></td>
                      <td width="2" valign="top"><!--DWLayoutEmptyCell--> </td>
                    </tr>
                    <!-- #EndEditable -->
                    <tr valign="top">
                      <td height="88" colspan="4" align="center" class="menu"> <p><img src="../images/hr.gif" width="361" height="1"></p>
                        <p class="menu" ><a href="../index.htm"><strong>home</strong></a><strong>
                          | <a href="../services.htm">services</a> | <a href="../sample.htm">samples</a>
                          | <a href="../pricing.htm">pricing</a> | <a href="../testimonials.htm">testimonials</a>
                          | <a href="../the_process.htm">the process</a><br>
                          <a href="../faq.htm"> f.a.q.</a> | <a href="../disclaimers.htm">disclaimers</a>
                          | <a href="../contact_me.htm">contact me</a> | <a href="../about_me.htm">about
                          me</a></strong></p>
                        <p class="menu" >Copyright Memories2dvd<a href="http://www.ibswebdesign.com/" target="_blank"></a>
                          2003 - 2009 All Rights Reserved</p></td>
                    </tr>
                    <tr>
                      <td height="5"></td>
                      <td></td>
                      <td width="211"></td>
                      <td></td>
                    </tr>
                  </table>
                </div></td>
              <td width"23" background="../images/rightbg.gif"><img src="../images/clearpixel.gif" width="16" height="8"></td>
            </tr>
            <tr>
              <td width="16" rowspan="2"><img src="../images/innerbottomleft.gif" width="16" height="16"></td>
              <td width="100%"><img src="../images/clearpixel.gif" width="1" height="15"></td>
              <td width="16" rowspan="2"><img src="../images/innerbottomright.gif" width="18" height="16"></td>
            </tr>
            <tr>
              <td width="1" bgcolor="#006D15" height="1"><img src="../images/clearpixel.gif" width="1" height="1"></td>
            </tr>
          </table></td>
        <td bgcolor="#EBEBE3"><!-- TemplateBeginEditable name="EditRegion1" --><!-- TemplateEndEditable --></td>
      </tr>
      <tr>
        <td height="5" colspan="3"><img src="../images/clearpixel.gif" width="1" height="5"></td>
        <td bgcolor="#EBEBE3"><img src="../images/clearpixel.gif" width="1" height="5"></td>
      </tr>
      <tr>
        <td height="20" bgcolor="#006D15"><img src="../images/bottomleftcorner.gif" width="16" height="20"></td>
        <td colspan="3" bgcolor="#006D15"> </td>
        <td bgcolor="#006D15"><img src="../images/bottomrightcorner.gif" width="16" height="20"></td>
      </tr>
    </table>
    </body>
    </html>
    Any help is hugely appreciated.
    Cheers
    keebler

    thanks for the quick reply!
    I found the 2 things to change, but when I go back to my page...everything is gone!  eek
    (fear no panic - I did back up my website prior to making any changes
    (file attached).
    it looks like there is only 1 column instead of 3 sections. I was hoping to lose just the one on the right.
    here is the new code from my Samples page (not the template)  I"ll post that below.
    <!-- #BeginTemplate "/Templates/Main2.dwt" --><!-- DW6 --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <head>
    <!-- #BeginEditable "doctitle" -->
    <title>dvdslideshow</title>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <!-- #EndEditable -->
    <LINK REL=STYLESHEET TYPE="text/css" HREF="public_html/style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    //-->
    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('sp40 fixed.jpg','hockey new 281.jpg','oldafter.jpg','redeyegone.jpg','yellowfinal.jpg','breton_done_web.jpg','sp900_8 00.jpg','soloedited.jpg')">
    <table width="0%" border="0" cellspacing="0" cellpadding="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="128" rowspan="8" valign="top" bgcolor="#EBEBE3"> <table width="128" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="public_html/images/menutop.gif" width="128" height="18"></td>
            </tr>
            <tr>
              <td><p><a href="public_html/index.htm"><img name="Image35" border="0" src="public_html/images/menu/home.gif" width="128" height="19"></a><br>
                  <a href="public_html/services.htm"><img name="Image36" border="0" src="public_html/images/menu/products.gif" width="128" height="19"></a><br>
                  <a href="public_html/samples.htm"><img name="Image37" border="0" src="public_html/images/menu/services.gif" width="128" height="19"></a><br>
                  <a href="public_html/pricing.htm"><img name="Image38" border="0" src="public_html/images/menu/aboutus.gif" width="128" height="19"></a><br>
                  <a href="public_html/the_process.htm"><img name="Image39" border="0" src="public_html/images/menu/company.gif" width="128" height="19"></a><br>
                  <a href="public_html/testimonials.htm"><img name="Image40" border="0" src="public_html/images/menu/links.gif" width="128" height="19"></a><br>
                  <a href="public_html/faq.htm"><img name="Image41" border="0" src="public_html/images/menu/guestbook.gif" width="128" height="19"></a><br>
                  <a href="public_html/disclaimers.htm"><img name="Image42" border="0" src="public_html/images/menu/photo.gif" width="128" height="19"></a><br>
                  <a href="public_html/contact me.htm"></a><a href="public_html/contact_me.htm"><img name="Image45" border="0" src="public_html/images/menu/email.gif" width="128" height="19"></a>
                  <a href="public_html/contact me.htm"></a><a href="public_html/contact me.htm"></a></p></td>
            </tr>
            <tr>
              <td><a href="public_html/specials.htm"><img src="public_html/images/menubottom2.jpg" width="128" height="18" border="0"></a></td>
            </tr>
            <tr>
              <td> </td>
            </tr>
            <tr>
              <td align="center"><strong>Celebrate a milestone birthday or anniverary
                with a <u>DVD Photo Slideshow</u>. <a href="public_html/slideshows2dvd.htm">Click
                here for more details.</a></strong></td>
            </tr>
            <tr>
              <td align="center"> <table width="96%" border="0" cellspacing="0" cellpadding="0" align="center">
                  <tr>
                    <td class="news"><br>
                      <a href="public_html/audiotransfers.htm"><img src="public_html/LPcassettes.jpg" width="180" height="152" border="0"></a>
                    </td>
                  </tr>
                </table></td>
            </tr>
          </table>
          <p align="center"><font size="+2">Donations!</font></p>
          <p align="center"> 5% of Memories2dvd's annual revenue will be donated equally
            between the <a href="http://www.cancer.ca/ccs/internet/cancer/0,,3172,00.html"><strong>Canadian
            Cancer Society</strong></a> and the <a href="http://junobeach.org/Centre/index.html"><strong>Juno
            Beach Memorial</strong></a></p>
          <p> </p></td>
        <td width="3" rowspan="7"><img src="public_html/images/clearpixel.gif" width="3" height="1"></td>
        <td width="16" height="56" bgcolor="#6D9A50"><img src="public_html/images/topleft.gif" width="16" height="56"></td>
        <td width="100%" valign="bottom" bgcolor="#6D9A50"><img src="public_html/name.gif" width="360" height="50"></td>
        <td width="16"><img src="public_html/images/topright.gif" width="16" height="56"></td>
      </tr>
      <tr>
        <td colspan="3" height="2"><img src="public_html/images/clearpixel.gif" width="1" height="2"></td>
      </tr>
      <tr>
        <td height="6" colspan="3" bgcolor="#006D15"><img src="public_html/images/clearpixel.gif" width="1" height="6"></td>
      </tr>
      <tr>
        <td colspan="3" height="2"><img src="public_html/images/clearpixel.gif" width="1" height="2"></td>
      </tr>
      <tr>
        <td height="21" bgcolor="#EBEBE3"><img src="public_html/images/lightleft.gif" width="16" height="21"></td>
        <td align="right" bgcolor="#EBEBE3"><div align="left"><strong><a href="mailto:[email protected]">CONTACT
            INFORMATION: Phone: 613-831-9365___ E-MAIL</a> | <a href="public_html/about_me.htm">About
            Me</a></strong> </div></td>
        <td bgcolor="#EBEBE3"> </td>
      </tr>
      <tr>
        <td height="11"><img src="public_html/images/clearpixel.gif" width="1" height="11"></td>
        <td align="right" valign="top"><img src="public_html/images/lightcorner.gif" width="10" height="11"></td>
        <td bgcolor="#EBEBE3"><img src="public_html/images/clearpixel.gif" width="1" height="11"></td>
      </tr>
      <tr>
        <td height="650" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="16" rowspan="2"><img src="public_html/images/innertopleft.gif" width="16" height="16"></td>
              <td bgcolor="#006D15" height="1"><img src="public_html/images/clearpixel.gif" width="1" height="1"></td>
              <td width="16" rowspan="2"><img src="public_html/images/innertopright.gif" width="18" height="16"></td>
            </tr>
            <tr>
              <td width="100%"><img src="public_html/images/clearpixel.gif" width="1" height="15"></td>
            </tr>
            <tr>
              <td background="public_html/images/leftbg.gif"><img src="public_html/images/clearpixel.gif" width="16" height="8"></td>
              <td width="100%" valign="top"> <div align="center">
                  <table width="100%" border="0" cellspacing="2" cellpadding="2">
                    <!--DWLayoutTable-->
                    <!-- #BeginEditable "Body" -->
                  <tr>
                    <td width="267" height="145" valign="top"><p><img src="pg%20t%20samples.jpg" width="119" height="34"></p>
                        <p>It's one thing to read about our services, but once you
                          actually see the results, you will realize that personalization
                          is the key to your DVD project. Aside from your photos,
                          video and favourite music, I completely personalize every
                          aspect of your DVD right from the packaging to the DVD menus.</p>
                        <p>Click on the thumbnails below to view various samples from
                          recent projects.</p>
                        <p><em>All samples have been reduced in quality to be internet
                          friendly. Original versions are of superior quality and
                          full-TV size. I can supply demo DVDs upon request.</em></p>
                        <p>You will need Apple's Quicktime player to view the movie
                          files. The free download is available by clicking <a href="http://www.apple.com/quicktime/products/qt"><strong>here</strong></a>.</p>
                        <p> </p>                    </td>
                    <td width="290" align="center" valign="top"><p> </p>
                        <p> </p>
                        <p align="center">Follow these links to read about other services:</p>
                        <div align="left">
                          <ul>
                            <li><strong><a href="homedvds.htm"><font size="+1">Video
                              Transfers</font></a></strong></li>
                            <li><font size="+1"><strong><a href="public_html/slideshows2dvd.htm">Photo
                              Transfers</a></strong></font></li>
                            <li><font size="+1"><strong><a href="photorestorations.htm">Photo
                              Restorations</a></strong></font></li>
                            <li> <font size="+1"><strong><a href="public_html/audiotransfers.htm">Audio
                              Transfers</a></strong></font></li>
                          </ul>
                        </div>
                        <p> </p>
                        <p align="right"> </p>
                      <p> </p></td>
                  </tr>
                  <tr valign="top">
                    <td height="232" colspan="2" valign="top"> <p align="left"><strong><font size="+1">PHOTOSLIDESHOW
                          SAMPLES:</font></strong></p>
                        <p align="left">Photographs with voice over narration and
                          text titles were combined to create a presentation that
                          will provide generations with a history on their forefather
                          in this biography.</p>
                        <p align="center"><a href="biography.wmv"><img src="bio111.jpg" width="111" height="73" border="0"></a></p>
                        <p align="left">The following sample was part of a 50th birthday
                          celebration. Three hundred photographs were scanned and
                          mixed with video clips to make the ultimate surprise movie.                    </p>
                        <p align="center"><a href="sample1.mov"><img src="sample1.jpg" width="111" height="82" border="0"></a></p>
                        <p align="left"> This sample was taken from a couple's vacation.
                          The couple travelled throughout SouthEast Asia and South
                          America and amassed approximately 750 digital photos. I
                          organized the DVD by country and added their favourite music
                          so they could instantly re-visit their adventures.
                        <p align="center"><a href="sample2.mov"><img src="boats.jpg" width="111" height="81" border="0"></a>
                        <p align="left">This couple were married by a lake in a beautiful
                          wedding. I compiled camcorder footage along with photographs
                          into a memorable DVD, complete with a bonus music video.
                        <p align="center"><a href="ceremusicvidsam.mp4"><img src="arbour.jpg" width="111" height="72" border="0"></a>
                        <p align="left"><strong><font size="+1">8mm REEL COLOUR CORRECTION
                          SAMPLE:</font></strong>
                        <p align="left">Are you videos dark, too bright or discoloured?
                          I can edit your tapes and film to repair colour issues,
                          bringing your movies back to life. Click <a href="http://homepage.mac.com/memories2dvd/iMovieTheater30.html"><strong><font size="+1">HERE</font></strong></a>
                          to view samples.
                        <p align="left"><strong><font size="+1">PHOTO RESTORATION
                          SAMPLES</font></strong>
                        <p align="left">These samples illustrate the various types
                          of blemishes which can be dealt with to restore your photographs.</p>
                        <p align="left"> <strong><u><font size="3">Simply move your
                          mouse cursor over each photo to see the difference.</font></u></strong></p>
                        <p align="left"><strong>General Dust/Blemish Removal</strong></p>
                        <p align="left"> </p>
                        <p> </p>
                        <div align="center">
                          <p align="left"> </p>
                        </div>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sp40 fix','','sp40 fixed.jpg',1)"><img src="sp40_orig.jpg" name="sp40 fix" width="600" height="418" border="0"></a></p>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image56','','hockey new 281.jpg',1)"><img src="hockey%20old%20281.jpg" name="Image56" width="270" height="163" border="0"></a></p>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('oldsue','','oldafter.jpg',1)"><img src="oldbefore.jpg" name="oldsue" width="320" height="501" border="0"></a></p>
                        <p align="left"><strong>Red Eye Removal</strong></p>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image55','','redeyegone.jpg',1)"><img src="redeye.jpg" name="Image55" width="231" height="416" border="0"></a></p>
                        <p align="left"><strong>Colour &amp; Stain Removal</strong></p>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('yellow','','yellowfinal.jpg',1)"><img src="yelloworig.jpg" name="yellow" width="270" height="395" border="0"></a></p>
                        <p align="left"><strong>Contrast &amp; Exposure Adjustments
                          and Crack Removals </strong>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('breton','','breton_done_web.jpg',1)"><img src="breton base_web.jpg" name="breton" width="539" height="1000" border="0"></a>                   
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cracks','','sp900_800.jpg',1)"><img src="sp9orig.jpg" name="cracks" width="600" height="410" border="0"></a>
                        <p align="left"><strong>Isolation of Main Subject</strong>
                        <p align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('isolation','','soloedited.jpg',1)"><img src="15sisters.jpg" name="isolation" width="300" height="500" border="0"></a>
                        <p align="left"> </p>
                        <p><br>
                          <img src="images/clearpixel.gif" width="430
      " height="1"> </p>                    </td>
                  </tr>
                  <!-- #EndEditable -->
                    <tr valign="top">
                      <td height="88" colspan="4" align="center" class="menu"> <p><img src="public_html/images/hr.gif" width="361" height="1"></p>
                        <p class="menu" ><a href="public_html/index.htm"><strong>home</strong></a><strong>
                          | <a href="public_html/services.htm">services</a> | <a href="public_html/sample.htm">samples</a>
                          | <a href="public_html/pricing.htm">pricing</a> | <a href="public_html/testimonials.htm">testimonials</a>
                          | <a href="public_html/the_process.htm">the process</a><br>
                          <a href="public_html/faq.htm"> f.a.q.</a> | <a href="public_html/disclaimers.htm">disclaimers</a>
                          | <a href="public_html/contact_me.htm">contact me</a> | <a href="public_html/about_me.htm">about
                          me</a></strong></p>
                        <p class="menu" >Copyright Memories2dvd<a href="http://www.ibswebdesign.com/" target="_blank"></a>
                          2003 - 2009 All Rights Reserved</p></td>
                    </tr>
                    <tr>
                      <td height="5"></td>
                      <td></td>
                      <td width="211"></td>
                      <td></td>
                    </tr>
                  </table>
                </div></td>
              <td width="23" background="../images/rightbg.gif<img src="../images/clearpixel.gif" width="16" height="8"></td>
            </tr>
            <tr>
              <td width="16" rowspan="2"><img src="public_html/images/innerbottomleft.gif" width="16" height="16"></td>
              <td width="100%"><img src="public_html/images/clearpixel.gif" width="1" height="15"></td>
              <td width="16" rowspan="2"><img src="public_html/images/innerbottomright.gif" width="18" height="16"></td>
            </tr>
            <tr>
              <td width="1" bgcolor="#006D15" height="1"><img src="public_html/images/clearpixel.gif" width="1" height="1"></td>
            </tr>
          </table></td>
        <td bgcolor="#EBEBE3"><!-- #BeginEditable "EditRegion1" --><!-- #EndEditable --></td>
      </tr>
      <tr>
        <td height="5" colspan="3"><img src="public_html/images/clearpixel.gif" width="1" height="5"></td>
        <td bgcolor="#EBEBE3"><img src="public_html/images/clearpixel.gif" width="1" height="5"></td>
      </tr>
      <tr>
        <td height="20" bgcolor="#006D15"><img src="public_html/images/bottomleftcorner.gif" width="16" height="20"></td>
        <td colspan="3" bgcolor="#006D15"> </td>
        <td bgcolor="#006D15"><img src="public_html/images/bottomrightcorner.gif" width="16" height="20"></td>
      </tr>
    </table>
    </body>
    <!-- #EndTemplate --></html>
    TEMPLATE CODE:
    <html>
    <head>
    <!-- #BeginEditable "doctitle" -->
    <title>Untitled Document.</title>
    <!-- #EndEditable -->
    <LINK REL=STYLESHEET TYPE="text/css" HREF="../style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    //-->
    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    <table width="0%" border="0" cellspacing="0" cellpadding="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="128" rowspan="8" valign="top" bgcolor="#EBEBE3"> <table width="128" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="../images/menutop.gif" width="128" height="18"></td>
            </tr>
            <tr>
              <td><p><a href="../index.htm"><img name="Image35" border="0" src="../images/menu/home.gif" width="128" height="19"></a><br>
                  <a href="../services.htm"><img name="Image36" border="0" src="../images/menu/products.gif" width="128" height="19"></a><br>
                  <a href="../samples.htm"><img name="Image37" border="0" src="../images/menu/services.gif" width="128" height="19"></a><br>
                  <a href="../pricing.htm"><img name="Image38" border="0" src="../images/menu/aboutus.gif" width="128" height="19"></a><br>
                  <a href="../the_process.htm"><img name="Image39" border="0" src="../images/menu/company.gif" width="128" height="19"></a><br>
                  <a href="../testimonials.htm"><img name="Image40" border="0" src="../images/menu/links.gif" width="128" height="19"></a><br>
                  <a href="../faq.htm"><img name="Image41" border="0" src="../images/menu/guestbook.gif" width="128" height="19"></a><br>
                  <a href="../disclaimers.htm"><img name="Image42" border="0" src="../images/menu/photo.gif" width="128" height="19"></a><br>
                  <a href="../contact%20me.htm"></a><a href="../contact_me.htm"><img name="Image45" border="0" src="../images/menu/email.gif" width="128" height="19"></a>
                  <a href="../contact%20me.htm"></a><a href="../contact%20me.htm"></a></p></td>
            </tr>
            <tr>
              <td><a href="../specials.htm"><img src="../images/menubottom2.jpg" width="128" height="18" border="0"></a></td>
            </tr>
            <tr>
              <td> </td>
            </tr>
            <tr>
              <td align="center"><strong>Celebrate a milestone birthday or anniverary
                with a <u>DVD Photo Slideshow</u>. <a href="../slideshows2dvd.htm">Click
                here for more details.</a></strong></td>
            </tr>
            <tr>
              <td align="center"> <table width="96%" border="0" cellspacing="0" cellpadding="0" align="center">
                  <tr>
                    <td class="news"><br>
                      <a href="../audiotransfers.htm"><img src="../LPcassettes.jpg" width="180" height="152" border="0"></a>
                    </td>
                  </tr>
                </table></td>
            </tr>
          </table>
          <p align="center"><font size="+2">Donations!</font></p>
          <p align="center"> 5% of Memories2dvd's annual revenue will be donated equally
            between the <a href="http://www.cancer.ca/ccs/internet/cancer/0,,3172,00.html"><strong>Canadian
            Cancer Society</strong></a> and the <a href="http://junobeach.org/Centre/index.html"><strong>Juno
            Beach Memorial</strong></a></p>
          <p> </p></td>
        <td width="3" rowspan="7"><img src="../images/clearpixel.gif" width="3" height="1"></td>
        <td width="16" height="56" bgcolor="#6D9A50"><img src="../images/topleft.gif" width="16" height="56"></td>
        <td width="100%" valign="bottom" bgcolor="#6D9A50"><img src="../name.gif" width="360" height="50"></td>
        <td width="16"><img src="../images/topright.gif" width="16" height="56"></td>
      </tr>
      <tr>
        <td colspan="3" height="2"><img src="../images/clearpixel.gif" width="1" height="2"></td>
      </tr>
      <tr>
        <td height="6" colspan="3" bgcolor="#006D15"><img src="../images/clearpixel.gif" width="1" height="6"></td>
      </tr>
      <tr>
        <td colspan="3" height="2"><img src="../images/clearpixel.gif" width="1" height="2"></td>
      </tr>
      <tr>
        <td height="21" bgcolor="#EBEBE3"><img src="../images/lightleft.gif" width="16" height="21"></td>
        <td align="right" bgcolor="#EBEBE3"><div align="left"><strong><a href="mailto:[email protected]">CONTACT
            INFORMATION: Phone: 613-831-9365___ E-MAIL</a> | <a href="../about_me.htm">About
            Me</a></strong> </div></td>
        <td bgcolor="#EBEBE3"> </td>
      </tr>
      <tr>
        <td height="11"><img src="../images/clearpixel.gif" width="1" height="11"></td>
        <td align="right" valign="top"><img src="../images/lightcorner.gif" width="10" height="11"></td>
        <td bgcolor="#EBEBE3"><img src="../images/clearpixel.gif" width="1" height="11"></td>
      </tr>
      <tr>
        <td height="650" colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="16" rowspan="2"><img src="../images/innertopleft.gif" width="16" height="16"></td>
              <td bgcolor="#006D15" height="1"><img src="../images/clearpixel.gif" width="1" height="1"></td>
              <td width="16" rowspan="2"><img src="../images/innertopright.gif" width="18" height="16"></td>
            </tr>
            <tr>
              <td width="100%"><img src="../images/clearpixel.gif" width="1" height="15"></td>
            </tr>
            <tr>
              <td background="../images/leftbg.gif"><img src="../images/clearpixel.gif" width="16" height="8"></td>
              <td width="100%" valign="top"> <div align="center">
                  <table width="100%" border="0" cellspacing="2" cellpadding="2">
                    <!--DWLayoutTable-->
                    <!-- #BeginEditable "Body" -->
                    <tr>
                      <td width="329" height="189" valign="top"><p><img src="../pg%20t%20instrucnl.jpg" width="300" height="27"></p>
                        <p align="left">From teachers to health care professionals
                          to corporate trainers, I can help you create a compelling
                          instructional video. Using techniques such as Picture in
                          Picture will deliver your educational knowledge with extra
                          value. The ease of navigation of DVD makes instruction more
                          efficient and effective.</p></td>
                      <td width="4" valign="top"><img src="images/hr.gif" width="1" height="125"> </td>
                      <td colspan="2" valign="top"><p><img src="../pg%20t%20blank.jpg" width="204" height="27
      "></p>
                        <p>Follow these links to read about other services:</p>
                        <div align="left">
                          <ul>
                            <li><a href="../homedvds.htm">classic home videos</a></li>
                            <li> <a href="../weddings2dvd.htm">weddings2dvd</a></li>
                            <li> <a href="../sports2dvd.htm">sports2dvd</a></li>
                            <li> <a href="../slideshows2dvd.htm">DVD photo slideshows</a></li>
                            <li> <a href="../reunions2dvd.htm">reunions2dvd</a></li>
                            <li> <a href="instructionaldvds.htm">instructional DVD</a></li>
                          </ul>
                        </div></td>
                    </tr>
                    <tr>
                      <td height="3
      50" colspan="3" valign="top"><p align="center"><img src="../images/hr.gif" width="361" height="1"></p>
                        <p align="left">  </p>
                        <p align="left">Please click <a href="../sample.htm"><strong>here</strong></a>
                          to view real samples from recent projects.<br>
                        </p></td>
                      <td width="2" valign="top"><!--DWLayoutEmptyCell--> </td>
                    </tr>
                    <!-- #EndEditable -->
                    <tr valign="top">
                      <td height="88" colspan="4" align="center" class="menu"> <p><img src="../images/hr.gif" width="361" height="1"></p>
                        <p class="menu" ><a href="../index.htm"><strong>home</strong></a><strong>
                          | <a href="../services.htm">services</a> | <a href="../sample.htm">samples</a>
                          | <a href="../pricing.htm">pricing</a> | <a href="../testimonials.htm">testimonials</a>
                          | <a href="../the_process.htm">the process</a><br>
                          <a href="../faq.htm"> f.a.q.</a> | <a href="../disclaimers.htm">disclaimers</a>
                          | <a href="../contact_me.htm">contact me</a> | <a href="../about_me.htm">about
                          me</a></strong></p>
                        <p class="menu" >Copyright Memories2dvd<a href="http://www.ibswebdesign.com/" target="_blank"></a>
                          2003 - 2009 All Rights Reserved</p></td>
                    </tr>
                    <tr>
                      <td height="5"></td>
                      <td></td>
                      <td width="211"></td>
                      <td></td>
                    </tr>
                  </table>
                </div></td>
              <td width="23" background="../images/rightbg.gif<img src="../images/clearpixel.gif" width="16" height="8"></td>
            </tr>
            <tr>
              <td width="16" rowspan="2"><img src="../images/innerbottomleft.gif" width="16" height="16"></td>
              <td width="100%"><img src="../images/clearpixel.gif" width="1" height="15"></td>
              <td width="16" rowspan="2"><img src="../images/innerbottomright.gif" width="18" height="16"></td>
            </tr>
            <tr>
              <td width="1" bgcolor="#006D15" height="1"><img src="../images/clearpixel.gif" width="1" height="1"></td>
            </tr>
          </table></td>
        <td bgcolor="#EBEBE3"><!-- TemplateBeginEditable name="EditRegion1" --><!-- TemplateEndEditable --></td>
      </tr>
      <tr>
        <td height="5" colspan="3"><img src="../images/clearpixel.gif" width="1" height="5"></td>
        <td bgcolor="#EBEBE3"><img src="../images/clearpixel.gif" width="1" height="5"></td>
      </tr>
      <tr>
        <td height="20" bgcolor="#006D15"><img src="../images/bottomleftcorner.gif" width="16" height="20"></td>
        <td colspan="3" bgcolor="#006D15"> </td>
        <td bgcolor="#006D15"><img src="../images/bottomrightcorner.gif" width="16" height="20"></td>
      </tr>
    </table>
    </body>
    </html>

  • Images in HTML E-mails

    Hi,
    I have a client server report which contains a gif.
    When I genereate the report as a HTML email, the
    gif image does not appear (The email & gif files
    are copied to the Outlook express folder on the
    client machine).
    The image is displayed fine when I generate to
    HTML File.
    Can anyone tell me why the images is not displayed in
    the HTML email,
    Many Thanks,
    John

    Hello ,
    I tried with a simple report which contains a gif image . When the report is sent as an html email ( in a client-server config ) , I can see the email fine with the image in my netscape client .
    So this could be a problem with email client also .
    Can you please try with netscape client ( Netcape 7.0 preferably ) and let us know ?
    Thanks ,
    The Oracle Reports Team

  • DW 8 not displaying background image in a tag

    Hi,
    New to DW 8.02 on a WinXP Pro machine. I'm finding that DW 8
    (and DW MX2004) will not display a background image inside an
    <a> tag. Attached is an example code. The page displays
    correctly in IE 6, FF 2, Opera 9, etc, etc. But in design mode in
    DW 8 I can't see the graphic at all.
    Is there a way to have DW display the graphic? Is this a bug
    in DW?
    Thanks,
    Doug

    It looks like a bug. I am checking....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "PegasusT4" <[email protected]> wrote in
    message
    news:eil1b0$7al$[email protected]..
    > Here's the code to cut and paste into DW. I only have it
    on my dev server
    > as I
    > was just playing around with background images and ran
    into the problem.
    > Just
    > replace the mail.gif with a graphic of your choice. The
    problem is NOT on
    > the
    > server, it's with DW not showing the graphic.
    >
    > Thanks,
    >
    > Doug
    >
    >
    >
    >
    > <!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=ISO-8859-1" />
    > <title>Little George</title>
    >
    > <style type="text/css">
    > #legalstuff a {
    > background: url(images/email.gif) no-repeat left center;
    > padding-left: 20px;
    > margin-left: 10px;
    > height: 1%;
    > }
    > </style>
    > </head>
    > <body>
    > <div id="legalstuff">Copyright 2006,
    Littleman.com. <a href="mailto:
    > [email protected]">E-mail for more
    information</a>. </div>
    >
    > </body>
    > </html>
    >

  • Set icon for toggle control of JTree node.

    hi.
    Just a question.
    I am looking towards setting the icons of the JTree by this i mean the icon that you click on
    to open say a node .
    I know you can set the icons of the nodes by setIcon inside your TreeCellRenderer but i doubt that
    that will set the icon that is to the left ot your label.
    Has anyone gone down this path recently.
    The class BasicTreeUI has a method
    called paintExpandControl( Graphics g,
    Rectangle clipBounds,
    . Insets insets,
    Rectangle bounds,
    TreePath path,
    int row,boolean isExpanded,
    boolean hasBeenExpanded,
    boolean isLeaf)
    Hopefull this is a method that can paint the toggle node so has anyone subclassed BasicTreeUI and done something like this recently.
    Any advise on the topic is really appreciated.
    Thank you.

    Yes, they are icons and they are called "handles". The easiest way to change then is to use UIManager.
    If you haven't done so before, look through the hash table UIManager.getLookAndFeelDefaults().
    import java.awt.*;
    import java.net.*;
    import javax.swing.*;
    public class TreeIcons {
         public static void main(String[] args) throws MalformedURLException {
              String prefix = "http://forum.java.sun.com/images/";
              UIManager.put("Tree.openIcon", new ImageIcon(new URL(prefix + "dont_save.gif")));
              UIManager.put("Tree.closedIcon", new ImageIcon(new URL(prefix + "save.gif")));
              UIManager.put("Tree.leafIcon", new ImageIcon(new URL(prefix + "forum_new.gif")));
              UIManager.put("Tree.expandedIcon", new ImageIcon(new URL(prefix + "email_faded.gif")));
              UIManager.put("Tree.collapsedIcon", new ImageIcon(new URL(prefix + "email.gif")));
              JFrame f = new JFrame("TreeIcons");
              f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              f.getContentPane().add(new JTree());
              f.setSize(new Dimension(300,400));
              f.setLocationRelativeTo(null);
              f.setVisible(true);
    }

  • Misaligned divs

    Hi, Im having some trouble aligning my divs in IE 7 and older versions of FF. The divs in my date block as well as my top nav div are pushing everything down. Ive been trying different things for days and nothing seems to work. As of now Im unable to make it live so you can see the problem but heres my code. To shorten it, i took out some of the scripts. Ill do what i can to get this live but until then, if someone could try and help, that would be excellent. Thanks in advance
    <!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=iso-8859-1" />
    <title>Chalkboard Publishing Inc.</title>
    <link rel="stylesheet" href="css/styles.css" type="text/css" />
    <link rel="stylesheet" href="css/topnav.css" type="text/css" />
    <link rel="stylesheet" href="css/mBanner.css" type="text/css" />
    <script language="Javascript" type="text/javascript">
    var today = new Date();
    var monthnum = today.getMonth();
    var monthname=new Array("January","February","March","April","May",
       "June","July","August","September","October","November","December");
    var day=today.getDate();
    </script>
    <!-- Accoridan Nav Script -->
    <script type="text/javascript" src="js/jquery-1.2.3.js"></script>
    <script>
      $(document).ready(function(){
          lastBlock = $("#a1");
        maxWidth = 224;
        minWidth = 75;   
        $("ul li a").hover(   
            function(){           
                $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
                $(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
                currentBlock = this;               
                lastBlock = this;           
    </script>
    <!-- End Nav Script  bgcolor="#00AAAA"-->
    </head>
    <body background="images/bg.gif">
    <div id="pagelayout">
    <div id="topdiv">
    <a href="index.html"><img src="images/logo.gif" class="border" /></a> <img src="images/toppic.png" class="border" />
    <!-- Javascript Date Block -->
    <div class="outerbox" style="float:right; margin-top: 0px; position:static"> <!--style=" float:right;; margin-top:-181px;"-->
    <div class="datebox"><br />
    <script language="Javascript" type="text/javascript">
    document.write(monthname[monthnum])
    </script>
    </div>
    <div class="monthbox">
    <script language="Javascript" type="text/javascript">
    document.write(day)
    </script>
    </div><img src="images/chalkboard-bottom.gif"/>
    </div>
    <!--  End Date Block -->
    <br />
    <img src="images/sidepic.png" class="border" /><div id="topnav">
    <ul>
         <li>
             <a href="#" id="a1">
                 <img src="images/nav/book1.gif" border="0" />
                <p>
                    <strong>Health Education</strong><br/>
                    Different health concepts with a variety of fun activities.
                </p>
            </a>
         </li>
        <li>
             <a href="#">
                 <img src="images/nav/book2.gif" border="0" />
                <p>
                    <strong>Mathematics</strong><br/>
                    Number sense, patterning, measurement and data management.
                </p>
            </a>
         </li>
        <li>
             <a href="#">
                 <img src="images/nav/book3.gif" border="0" />
                <p>
                     <strong>Highschool Resources</strong><br/>
                    Post-Secondary Preparedness!
                </p>
            </a>
         </li>
        <li>
             <a href="#">
                 <img src="images/nav/book4.gif" border="0" />
                <p>
                     <strong>Time Fillers</strong><br/>
                    Drawing, colouring, reading, writing, counting and number skills.
                </p>
            </a>
         </li>
        <li>
             <a href="#">
                 <img src="images/nav/book5.gif" border="0" />
                <p>
                     <strong>Character Education</strong><br/>
                    Understanding and appreciation for character education.
                </p>
            </a>
         </li>
    </ul>    
    </div> <!-- End topnav -->
    </div> <!-- End topdiv -->
    <div id="leftsidediv">
    <img src="images/subjects.png" width="195" height="40" border="0" /><br />
    <a href="Math/indexMathematics.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Math','','images/links/mathematics_over.gif',1)"><img src=
    "images/links/Mathematics.gif" name="Math" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Character','','images/links/charactermanagement_over.gif',1)"> <img src="images/links/charactermanagement.gif" name="Character" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Health','','images/links/health_over.gif',1)"><img src="images/links/health.gif" name="Health" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Social','','images/links/social_over.gif',1)"><img src="images/links/social.gif" name="Social" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('French','','images/links/french_over.gif',1)"><img src="images/links/french.gif" name="French" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Time','','images/links/time_over.gif',1)"><img src="images/links/time.gif" name="Time" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Highschool','','images/links/highschool_over.gif',1)"><img src="images/links/highschool.gif" name="Highschool" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Classroom','','images/links/classroom_over.gif',1)"><img src="images/links/classroom.gif" name="Classroom" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bulletin','','images/links/bulletin_over.gif',1)"><img src="images/links/bulletin.gif" name="Bulletin" border="0" /></a>
    <br />
    <a href="indexDealer.html"><img src="images/trade.gif" class="border" style="margin-top:7px"/></a><br />
    <a href="mailto:[email protected]"><img src="images/email.gif" class="border" style="margin-top:5px" /></a>
    </div> <!-- End leftsidediv -->
    <div id="rightsidediv">
    <!-- Banner Script -->
    <script language="javascript">
                            banner1.add("IMAGE", "banners/1.jpg", 5, 290, 590,"default.aspx?CategoryID=259");
                            banner1.add("IMAGE", "banners/2.jpg", 5, 290, 590,"default.aspx?CategoryID=68");
                            banner1.add("IMAGE", "banners/3.jpg", 5, 290, 590,"default.aspx?CategoryID=177");
                            // START THE BANNER
                            document.write(banner1);
                            banner1.start();
                    </script>
                    <!-- End Banner Script --><br />
                    <img src="images/purplebox.png" /> 
                    <img src="images/greenbox.png" /> 
                    <img src="images/bluebox.png" />
                    <img src="images/orangebox.png" />
    </div> <!-- End rightsidediv -->
    <div id="footerdiv"><br /><br />                                           <img src="images/footertext.png" border="0" style="margin-top:7px" /><a href="http://www.volumesdirect.com" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Volumes','','images/volumes_over.png',1)"><img src="images/volumes.png" border="0" name="Volumes"  /></a>
    <!--             This website and its contents &copy; 2009 Chalkboard Publishing Inc. All Rights Reserved    -  
    Site Design and Development by <a href="http://www.volumesdirect.com">Volumes</a>-->
    </div>
    <!-- End footerdiv -->
    </div> <!-- End pagelayout -->
    </body>
    </html>
    .body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12pt;
        margin:auto;
    .border {
        border:#00AAAA 1px solid;
    #pagelayout {
        margin:auto;
        width:800px;
        min-height:880px;
        background-color:#FFFFFF;
        padding:5px;
        border:#016262 1px solid;
    #topdiv {
        vertical-align:top;
        width:800px;
        height:269px;
    #topnav {
        width:669px;
        height:94px;
        float:right;
        margin-top:-95px;
    #topnav a:link {
        color:#FFFFFF;
        text-decoration:none;
    #topnav a:visited {
        color:#FFFFFF;
        text-decoration:none;
    #topnav a:active {
        color:#FFFFFF;
        text-decoration:none;
    #topnav a:hover {
        color:#FFFFFF;
        text-decoration:none;
    #leftsidediv {
        width:200px;
        min-height:250px;
        float:left;
        border:none;
        padding-top:10px;
        color:#00aaaa;
        font-size:16px;
        line-height:18px;
    #rightsidediv {
        width:595px;
        height:570px;
        float:left;
        margin-top:15px;
        margin-left:5px;
    #footerdiv {
        width: 800px;
        height:65px;
        float:right;
        color:#FFFFFF;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        margin-top:-40px;
        background-image:url(../images/footer.gif);
        background-repeat:no-repeat;
        border:#00aaaa 1px solid;
    #footerdiv a:link {
        color:#FFFFFF;
        text-decoration:none;
    #footerdiv a:visited {
        color:#FFFFFF;
        text-decoration:none;
    #footerdiv a:active {
        color:#FFFFFF;
        text-decoration:none;
    #footerdiv a:hover {
        color:#FFFFFF;
        text-decoration:underline;
    <!------- Javascript date block -------->
    .outerbox {
        border:#00aaaa 1px solid;
        padding:0px;
        width:120px;
        overflow:hidden;
        margin:4px;
        font-weight:900;
    .datebox  {
         font-size:18pt;
        color:#fff;
        text-align:center;
        background-image: url(../images/chalkboard-top.gif);
        /*border-bottom:#00aaaa 1px solid;
        border-top:#00aaaa 1px solid;
        border-left:#00aaaa 1px solid;
        border-right:#00aaaa 1px solid;*/
        width:120px;
        height:60px;
        font-family: Comic Sans MS;
    .monthbox {
        font-size:40pt;
        color:#fff;
        background-color:#00aaaa;
        text-align:center;
        height:60px;
        font-family: Comic Sans MS;
        background-image: url(../images/chalkboard-mid.gif);
    textarea:focus, input:focus {
        border: 1px solid #00aaaa;
    #displaydiv {
        margin:auto;
        color:#00aaaa;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11pt;

    Thanks for the reply. Didnt think my code was so messed up. I thought it was the best Ive done so far
    1. Get rid of the -195 top margin
    did you mena -95 within my topnav?
    2. Delete and put into the topnav
         a. <img src="images/sidepic.png" class="border" />
         b. <img src="images/logo.gif" class="border" />
         c. <img src="images/toppic.png" class="border" />
    And i put these images in my topnav but then that just puts these images above my page. I added in some float styles and it helped a little but not by much at all. Is there possibly a way of doing this while leaving the images where they originally were? The page works fine in most browsers so it cant be designed all that bad. Im only having issues with topnav and my date block so it has to be something within those two. I added in screenshots below. Again, I appreciate your help
    <div id="pagelayout">
    <div id="topdiv">
    <!-- Javascript Date Block -->
    <div class="outerbox" style="float:right; margin-top: 0px; position:static">
    <div class="datebox"><br />
    <script language="Javascript" type="text/javascript">
    document.write(monthname[monthnum])
    </script>
    </div>
    <div class="monthbox">
    <script language="Javascript" type="text/javascript">
    document.write(day)
    </script>
    </div><img src="images/chalkboard-bottom.gif"/>
    </div>
    <!--  End Date Block -->
    <br />
    <div id="topnav"><a href="index.html"><img src="images/logo.gif" class="border" style="float:left" /></a><img src="images/toppic.png" class="border" style="float:right" width="330" /><img src="images/sidepic.png" class="border" style="float:left" />
    <ul>..............
    </div>

  • Dreamweaver CC fluid grid perfect in Chrome, not great in Firefox, disaster in IE.

    I got past the problem of the fluid grid layout lines disappearing along with handles/etc., and was so excited that I got our site to work responsively in Chrome, but I don't understand why it won't work in the other browsers (seems this was also a problem with CS6?).   I build with both design and code, and I just can't find the problem, or any online help for this.  Any ideas where I can look for more information?  Thanks!!

    Thanks for the advice to validate.  I found some minor end tag errors on the page and was able to fix them.  However, I still have the browser problem.  In FF, the only problem is that the logo slides behind the main body in larger screen sizes.  In IE, the swf is absent, the logo loses the rounded border, the accordion obscures everything at the top of the main body and squishes the text together, I lose the background attributes for both the main body, Kuali nav panel and both background and text features for the footer.  Unfortunately, I don't know how to share a link for assistance, as the testing server is behind the JHU firewall.  I've copied the source code for the index page below in hopes that someone can see some noob error I've made...  Thanks so much for your help!!!!
    <!doctype html>
    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="">
    <!--<![endif]-->
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>JHU Coeus Help</title>
    <link href="boilerplate.css" rel="stylesheet" type="text/css">
    <link href="Alternate.css" rel="stylesheet" type="text/css">
    <link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
    <link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
    <link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
    <!--
    To learn more about the conditional comments around the html tags at the top of the file:
    paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
    Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
    * insert the link to your js here
    * remove the link below to the html5shiv
    * add the "no-js" class to the html tags at the top
    * you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
    -->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="respond.min.js"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>
    <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>
    var __adobewebfontsappname__="dreamweaver"
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    function MM_goToURL() { //v3.0
      var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
      for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
    </script><script src="http://use.edgefonts.net/lobster-two:n4:default.js" type="text/javascript"></script>
    </head>
    <body onLoad="MM_preloadImages('Images/StructuralGraphics/PremiumSwap.gif','Images/StructuralGr aphics/LiteSwap.gif','Images/Buttons/what_you_need_first_sel.gif','Images/Buttons/proposal _help_icon_sel.gif','Images/Buttons/budget_help_clean_rgb_sel.gif','Images/Buttons/video_c lean_rgb.gif','Images/Buttons/user_guides_clean_rgb_sel.gif','Images/Buttons/admin_guides_ clean_rgb.gif','Images/Buttons/classes_clean_rgb.gif','Images/Buttons/ORIS_clean_rgb_sel.g if','Images/StructuralGraphics/MedicineResourcesSwap.gif','Images/StructuralGraphics/Resea rchSwap.gif','Images/StructuralGraphics/NursingSwap.gif','Images/StructuralGraphics/EmailS wap.gif','Images/StructuralGraphics/TimelineHover.gif','Images/StructuralGraphics/Document ationSwap.gif','Images/StructuralGraphics/BARASwap.gif','Images/StructuralGraphics/KualiKJ HUHover.gif')">
        <div class="fluid SystemStatus">
       <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="680" height="30" id="FlashID" title="System Status">
         <param name="movie" value="Images/StructuralGraphics/Flash Objects/SystemYellow.swf" />
         <param name="quality" value="high" />
         <param name="wmode" value="opaque" />
         <param name="swfversion" value="11.2.0.0" />
         <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
         <param name="expressinstall" value="Scripts/expressInstall.swf" />
         <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
         <!--[if !IE]>-->
         <object type="application/x-shockwave-flash" data="Images/StructuralGraphics/Flash Objects/SystemYellow.swf" width="680" height="30">
           <!--<![endif]-->
           <param name="quality" value="high" />
           <param name="wmode" value="opaque" />
           <param name="swfversion" value="11.2.0.0" />
           <param name="expressinstall" value="Scripts/expressInstall.swf" />
           <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
           <div>
             <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
             <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
              </div>
           <!--[if !IE]>-->
            </object>
         <!--<![endif]-->
          </object>
      </div>
      <div class="fluid Header">
        <div class="fluid LogoWrapper">
        <div class="fluid LogoWhite">
        <div class="fluid Logo"><img src="Images/StructuralGraphics/ExternalLogo_Blue2.gif"  alt=""/></div>
        </div>
        </div>
        </div>
    <div class="gridContainer clearfix">
      <div class="fluid MainBody">
              <div class="fluid Body">
              <div class="fluid LaunchWrapper">
         <div class="fluid LaunchButtons"><img src="Images/StructuralGraphics/LaunchPremium.gif"  alt="" id="Image1" onClick="MM_goToURL('parent','http://prcoeus.johnshopkins.edu/coeus/coeus.jnlp');return document.MM_returnValue" onMouseOver="MM_swapImage('Image1','','Images/StructuralGraphics/PremiumSwap.gif',1)" onMouseOut="MM_swapImgRestore()"/></div><div class="fluid LaunchButtons"><img src="Images/StructuralGraphics/LaunchLite.gif"  alt="" id="Image2" onClick="MM_goToURL('parent','http://prcoeus.johnshopkins.edu/coeus/userAuthAction.do');return document.MM_returnValue" onMouseOver="MM_swapImage('Image2','','Images/StructuralGraphics/LiteSwap.gif',1)" onMouseOut="MM_swapImgRestore()"/></div>
         <div class="fluid LaunchText">Use the Coeus buttons at left to launch Coeus Premium and Coeus Lite, until our transition to Kuali Coeus, targeted for November 2015.</div>
       </div>
              <div class="fluid CoeusHelp">
         <div class="fluid CoeusButtons"><a href="Documents/NeedFirst.htm"><img src="Images/Buttons/what_you_need_first.gif"  alt="" id="Image3" onMouseOver="MM_swapImage('Image3','','Images/Buttons/what_you_need_first_sel.gif',1)" onMouseOut="MM_swapImgRestore()"/></a></div>
         <div class="fluid CoeusButtons"><a href="Documents/PropHelp.htm"><img src="Images/Buttons/proposal_help_icon.gif" alt="" id="Image4" onMouseOver="MM_swapImage('Image4','','Images/Buttons/proposal_help_icon_sel.gif',1)" onMouseOut="MM_swapImgRestore()"/></a></div>
                <div class="fluid CoeusButtons"><a href="Documents/Budget.htm"><img src="Images/Buttons/budget_help_clean.gif"  alt="" id="Image5" onMouseOver="MM_swapImage('Image5','','Images/Buttons/budget_help_clean_rgb_sel.gif',1)" onMouseOut="MM_swapImgRestore()"/></a></div>
                <div class="fluid CoeusButtons"><img src="Images/Buttons/video_clean.gif" alt="" id="Image6" onMouseOver="MM_swapImage('Image6','','Images/Buttons/video_clean_rgb.gif',1)" onMouseOut="MM_swapImgRestore()"/></div>
                <div class="fluid CoeusButtons"><a href="Documents/UserGuides.htm"><img src="Images/Buttons/user_guides_clean.gif" alt="" id="Image7" onMouseOver="MM_swapImage('Image7','','Images/Buttons/user_guides_clean_rgb_sel.gif',1)" onMouseOut="MM_swapImgRestore()"/></a></div>
                <div class="fluid CoeusButtons"><a href="Documents/AdminGuides.htm"><img src="Images/Buttons/admin_guides_clean2.gif"  alt="" id="Image8" onMouseOver="MM_swapImage('Image8','','Images/Buttons/admin_guides_clean_rgb.gif',1)" onMouseOut="MM_swapImgRestore()"/></a></div>
                <div class="fluid CoeusButtons"><a href="Documents/Training.htm"><img src="Images/Buttons/classes_clean.gif" alt="" id="Image9" onMouseOver="MM_swapImage('Image9','','Images/Buttons/classes_clean_rgb.gif',1)" onMouseOut="MM_swapImgRestore()"/></a></div>
                <div class="fluid CoeusButtons"><a href="Documents/ORIS.htm"><img src="Images/Buttons/ORIS_clean.gif" alt="" id="Image10" onMouseOver="MM_swapImage('Image10','','Images/Buttons/ORIS_clean_rgb_sel.gif',1)" onMouseOut="MM_swapImgRestore()"/></a></div>
       </div>
              <div class="fluid CoeusText">Use the buttons above for help with building proposals and budgets in Coeus, as well as finding information about administrative functions such as the approval process. See what instructor-led training is available under the &quot;Training Classes&quot; button.</div>
                        </div>
               <div class="fluid AccordionWrapper">
               <div class="fluid AccordionBack">
               <div class="fluid AccordionHolder">
                  <div id="Accordion1">
             <h3><a href="#">Research Administration Offices</a></h3>       
                    <div>
               <p>
                      <div class="fluid ResearchOffices"><strong>School of Medicine Research Administration (SOM)</strong> <br>
    733 North Broadway, BRB 117<br>
    Baltimore, Maryland 21205<br>
    <a href="http://www/hopkinsmedicine.org/">http://www/hopkinsmedicine.org/<br>
    Research/ora/</a></div>
    <div class="fluid ResearchIcon"><img src="Images/StructuralGraphics/MedicineResources.gif" alt="" id="Image11" onClick="MM_goToURL('parent','http://www/hopkinsmedicine.org/');return document.MM_returnValue" onMouseOver="MM_swapImage('Image11','','Images/StructuralGraphics/MedicineResourcesSwap.g if',1)" onMouseOut="MM_swapImgRestore()"/></div>
                      <div class="fluid ResearchPersonnel"><table>
      <tr>
        <td><strong>Joanne Frantz-Doggett</strong> <br>
    Associate Director<br>
    410-955-8921<br>
    [email protected]</td>
        <td><strong>Nicole Leonard</strong><br>
    Deputy Director<br>
    410-502-6655<br>
    [email protected]</td>
      </tr>
      </table>
    </div>
      <p>
                      <div class="fluid ResearchOffices"><strong>Johns Hopkins University Research Administration (JHURA)</strong><br>
    Wyman Park Center, W400<br>
    3400 North Charles Street<br>
    Baltimore, Maryland 21218<br>
    <a href="http://www.jhuresearch.jhu.edu/rpa/">http://www.jhuresearch.jhu.edu/rpa/</a></div>
                      <div class="fluid ResearchIcon"><img src="Images/StructuralGraphics/Research.gif"  alt="" id="Image12" onClick="MM_goToURL('parent','http://www.jhuresearch.jhu.edu/rpa/');return document.MM_returnValue" onMouseOver="MM_swapImage('Image12','','Images/StructuralGraphics/ResearchSwap.gif',1)" onMouseOut="MM_swapImgRestore()"/></div>
                      <div class="fluid ResearchPersonnel">
      <table><tr>
        <td><strong>Alexandra A. McKeown<br></strong>
    Associate Vice Provost for Research Administration<br>
    410-516-8444<br>
    [email protected]</td>
        <td><strong>Jennifer Barron<br></strong>
    Executive Director<br>
    615 N. Wolfe Street, W1600<br>
    Baltimore, Maryland 21205<br>
    410-614-1856<br>
    [email protected]</td>
      </tr>
      </table>
    </div>
      <p>
                      <div class="fluid ResearchOffices"><strong>Business and Research Administration (BARA)</strong> <br>
    Wyman Park Center, N600<br>
    3400 North Charles Street<br>
    Baltimore, Maryland 21218<br>
    <a href="http://www.jhu.edu/kasper/sponsored_projects/">http://www.jhu.edu/kasper/sponsored_projects/</a></div>
                      <div class="fluid ResearchIcon"><img src="Images/StructuralGraphics/BARA.gif"  alt="" id="Image13" onClick="MM_goToURL('parent','http://www.jhu.edu/kasper/sponsored_projects/');return document.MM_returnValue" onMouseOver="MM_swapImage('Image13','','Images/StructuralGraphics/BARASwap.gif',1)" onMouseOut="MM_swapImgRestore()"/></div>
                      <div class="fluid ResearchPersonnel"><strong>Mary Louise Healy</strong><br>
    Associate Director<br>
    Office of Research Administration<br>
    410-516-8617<br>
    [email protected]
    </div>
      <p>
                      <div class="fluid ResearchOffices"><strong>School of Nursing Office of Research Administration (SON)</strong><br>
    525 North Worlfe Street<br>
    Baltimore, Maryland 21205<br>
    www.nursing.jhu.edu/<br>
    <a href="http://faculty_research/administration/index.html">http://faculty_research/administration/index.html</a></div>
                      <div class="fluid ResearchIcon"><img src="Images/StructuralGraphics/Nursing.gif" alt="" width="109" height="109" id="Image14" onClick="MM_goToURL('parent','faculty_research/administration/index.html');return document.MM_returnValue" onMouseOver="MM_swapImage('Image14','','Images/StructuralGraphics/NursingSwap.gif',1)" onMouseOut="MM_swapImgRestore()"/></div>
                      <div class="fluid ResearchPersonnel"><strong>Maggie Brewer</strong><br>
    ORA Administrator<br>
    443-287-2902<br>
    [email protected]
    </div>
                 </div>
                    <h3><a href="#">Research-Related Administration</a></h3>
             <div>
               <p><div class="fluid Offices"><strong>Sponsored Projects Shared Services</strong><br>
    3910 Keswick Road, 5th Floor;
    Baltimore, Maryland 21211<br>
    443-997-8151<br>
    <a href="http://ssc.jhmi.edu/sponsoredprojects/index.html">http://ssc.jhmi.edu/sponsoredprojects/index.html</a><br>
    <br>
    <strong>Office of the Controller</strong><br>
    3910 Keswick Road, 5th Floor; Baltimore, Maryland 21211<br>
    Wanda Adams, Administrative Coordinator;<br>
    443-997-8155<br>
    <a href="http://finance.jhu.edu/depts/controller/office_controller.html">http://finance.jhu.edu/depts/controller/office_controller.html</a><br>
    <br>
    <strong>Compliance and Interdivisional Research Services</strong>
    <br>
    Wyman Park Center, W400; <br>
    3400 North Charles Street; Baltimore, Maryland 21218<br>
    Marge Dolly; [email protected]<br>
    <br>
    <strong>Licensing and Technology Development</strong><br>
    100 North Charles Street, 5th Floor;<br>
    Baltimore, Maryland 21201;<br>
    410-515-8300<br>
    <a href="http://www.techtransfer.jhu.edu">http://www.techtransfer.jhu.edu</a><br>
    <br>
    <strong>Export Controls Office</strong><br>
    Wyman Park Center, W400; Baltimore, Maryland 21218<br>
    Frank Barker; [email protected]<br>
    <br>
    <strong>Health, Safety & Environment</strong><br>
    600 North Wolfe Street; Billing Administration 1290<br>
    Baltimore, Maryland 21287-1629<br>
    <a href="http://www.hopkinsmedicine.org/hse/">http://www.hopkinsmedicine.org/hse/ </a></div>
                 </div>
             <h3><a href="#">ORIS Executive Committee</a></h3>
                    <div>
                      <p>Mike Amey<br>
    Associate Dean of Research Affairs<br>
    School of Medicine Research Administration<br>
    733 North Broadway, BRB 117; Baltimore, Maryland 21205<br>
    410-955-3061; [email protected]
    <br>
    <br>
    Mary Louise Healy<br>
    Associate Director, ORA<br>
    Zanvyl Krieger School of Arts and Sciences<br>
    Wyman Park Center, N600; <br>
    3400 North Charles Street; <br>
    Baltimore, Maryland 21218-2685<br>
    410-516-8617; [email protected]<br>
    <br>
    Alexandra A. McKeown<br>
    Associate Vice Provost for Research Administration<br>
    Johns Hopkins University Research Administration<br>
    Wyman Park Center, W400; <br>
    3400 North Charles Street; Baltimore, Maryland 21218-2685<br>
    410-516-8668; [email protected]<br>
    <br>
    Kelly Welsh<br>
    Associate Dean, Finance and Administration<br>
    School of Nursing<br>
    525 North Wolfe Street, Suite 338;<br>
    Baltimore, Maryland 21205<br>
    410-955-4766; [email protected]</p>
                    </div>
                    <h3><a href="#">ORIS Leadership</a></h3>
                    <div>
                      <p>Alexandra A. McKeown<br>
    Associate Vice Provost for Research Administration<br>
    Johns Hopkins University Research Administration<br>
    Wyman Park Center, W400; <br>
    3400 North Charles Street; Baltimore, Maryland 21218-2685<br>
    410-516-8668; [email protected]<br>
    <br>
    <strong>Robert E. Taylor</strong><br>
    IT Manager<br>
    Office of Research Information Systems<br>
    Wyman Park Center, W400; <br>
    3400 North Charles Street; Baltimore, Maryland 21218-2685<br>
    [email protected]<br>
    <br>
    </p>
                    </div>
           </div>
         </div></div>
       </div>
              <div class="fluid KCNavWrapper">Kuali Coeus Information <div class="fluid NavPanel">
         <div class="fluid ButtonWrapper">
           <div class="fluid ButtonWhite">
             <div class="fluid ButtonWrappers"><img src="Images/StructuralGraphics/KualiKJHU.gif" alt="" id="Image15" onMouseOver="MM_swapImage('Image15','','Images/StructuralGraphics/KualiKJHUHover.gif',1)" onMouseOut="MM_swapImgRestore()"/></div>
                    <div class="fluid ButtonWrappers"><img src="Images/StructuralGraphics/Email.gif" alt="" id="Image16" onMouseOver="MM_swapImage('Image16','','Images/StructuralGraphics/EmailSwap.gif',1)" onMouseOut="MM_swapImgRestore()"/></div>
                    <div class="fluid ButtonWrappers"><img src="Images/StructuralGraphics/TimelineButton.gif" alt="" id="Image17" onMouseOver="MM_swapImage('Image17','','Images/StructuralGraphics/TimelineHover.gif',1)" onMouseOut="MM_swapImgRestore()"/></div>
                    <div class="fluid ButtonWrappers"><img src="Images/StructuralGraphics/Documentation.gif" alt="" id="Image18" onMouseOver="MM_swapImage('Image18','','Images/StructuralGraphics/DocumentationSwap.gif', 1)" onMouseOut="MM_swapImgRestore()"/></div>              </div>
         </div>
       </div>
              </div>
      </div>
        </div>
              <script type="text/javascript">
    swfobject.registerObject("FlashID");
    $(function() {
      $( "#Accordion1" ).accordion();
    </script>
    <div class="fluid Footer">
         <div class="fluid FootHead">Office of Research Information Systems</div>
         <div class="fluid FootAddress">Wyman Park Center, W400<br>
    3400 North Charles Street; Baltimore, Maryland 21218-2685
    </div>
         <div class="fluid Twitter">This is the content for Layout Div Tag "Twitter"</div>
       </div>
    </body>
    </html>

  • Set Icon for toggle button

    I created Icon with Borderpane, image and text which I want to set as button icon.
    @Override
        public void start(Stage primaryStage)
            final VBox vbox = new VBox();
            // create 3 toggle buttons and a toogle group for them
            ToggleButton tb1 = new ToggleButton();
            tb1.setGraphic(newConnectionIcon());
            ToggleButton tb2 = new ToggleButton();
            ToggleButton tb3 = new ToggleButton();
            final ToggleGroup group = new ToggleGroup();
            tb1.setToggleGroup(group);
            tb2.setToggleGroup(group);
            tb3.setToggleGroup(group);
            // select the first button to start with
            group.selectToggle(tb1);
            final Rectangle rect1 = new Rectangle(300, 300);
            rect1.setFill(Color.DARKOLIVEGREEN);
            final Rectangle rect2 = new Rectangle(300, 300);
            rect2.setFill(Color.LAVENDER);
            final Rectangle rect3 = new Rectangle(300, 300);
            rect3.setFill(Color.LIGHTSLATEGREY);
            tb1.setUserData(rect1);
            tb2.setUserData(rect2);
            tb3.setUserData(rect3);
            group.selectedToggleProperty().addListener(new ChangeListener<Toggle>()
                @Override
                public void changed(ObservableValue<? extends Toggle> ov, Toggle toggle, Toggle new_toggle)
                    if (new_toggle == null)
                    else
                        vbox.getChildren().set(1, (Node) group.getSelectedToggle().getUserData());
            HBox hBox = new HBox();
            hBox.getChildren().addAll(tb1, tb2, tb3);
            hBox.setPadding(new Insets(10, 10, 10, 10));
            vbox.getChildren().addAll(hBox, (Node) group.getSelectedToggle().getUserData());
            StackPane root = new StackPane();
            root.getChildren().add(vbox);
            Scene scene = new Scene(root, 800, 850);
            primaryStage.setScene(scene);
            primaryStage.show();
        private static BorderPane newConnectionIcon() {
            // Add background effect
            DropShadow ds = new DropShadow();
            ds.setOffsetY(2.0);
            ds.setOffsetX(2.0);
            ds.setColor(Color.GRAY);
            // New BorderPane which will hold the components
            bpi = new BorderPane();
            bpi.setEffect(ds);  // Add the effect
            bpi.setCache(true);
            // Set the size of the BorderPane
            bpi.setPrefSize(30, 30);
            bpi.setMaxSize(30, 30);
            // Add style       
            bpi.setStyle("-fx-background-color: linear-gradient(#f2f2f2, #d4d4d4);"
                    + "  -fx-background-insets: 0 0 -1 0, 0, 1, 2;"
                    + "  -fx-background-radius: 3px, 3px, 2px, 1px;");
            // Add Label to the Icon
            Text inftx = new Text("New Connection");
            inftx.setFont(Font.font ("Verdana", 5));   // Set font and font size
            inftx.setFill(Color.WHITE); // Set font color
            ncpic.setFitHeight(25);    // Set size of the Icon picture
            ncpic.setFitWidth(25);
            // Internal StackPane which will hold the picture and the Icon Label
            StackPane stack = new StackPane();
            stack.getChildren().addAll(ncpic, inftx);   // Add the picture and the Label
            // Add the StackPane to the main BorderPane       
            bpi.setCenter(stack);
            // Change the border of the Icon when the mouse is over the Icon
            bpi = mouseOver(bpi);
            // Navigate to new Panel when the user clicks on the Icon
            bpi.setOnMouseClicked(new EventHandler<MouseEvent>() {
                @Override
                public void handle(MouseEvent t) {
            return bpi;
    How I can remove the default togglebutton and use the my custom icon as a button?

    Yes, they are icons and they are called "handles". The easiest way to change then is to use UIManager.
    If you haven't done so before, look through the hash table UIManager.getLookAndFeelDefaults().
    import java.awt.*;
    import java.net.*;
    import javax.swing.*;
    public class TreeIcons {
         public static void main(String[] args) throws MalformedURLException {
              String prefix = "http://forum.java.sun.com/images/";
              UIManager.put("Tree.openIcon", new ImageIcon(new URL(prefix + "dont_save.gif")));
              UIManager.put("Tree.closedIcon", new ImageIcon(new URL(prefix + "save.gif")));
              UIManager.put("Tree.leafIcon", new ImageIcon(new URL(prefix + "forum_new.gif")));
              UIManager.put("Tree.expandedIcon", new ImageIcon(new URL(prefix + "email_faded.gif")));
              UIManager.put("Tree.collapsedIcon", new ImageIcon(new URL(prefix + "email.gif")));
              JFrame f = new JFrame("TreeIcons");
              f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              f.getContentPane().add(new JTree());
              f.setSize(new Dimension(300,400));
              f.setLocationRelativeTo(null);
              f.setVisible(true);
    }

  • Simple User Login

    I am having problems getting my user login jsp page to connect to my MySQL database.
    Can anyone have a look at the following JSP code to see if it is right?
    <html>
    <head>
    <title>GCMB User Login</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FF9900">
    <p align="left"><img src="GCDMsgLogo.gif" width="564" height="70"></p>
    <table width="372" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138"> </td>
    <td colspan="2"><font face="Arial"><b> User Login:</b></font></td>
    </tr>
    <tr>
    <td width="138"><font face="Arial">Username:</font></td>
    <td colspan="2">
    <input type="text" name="textfield2">
    </td>
    </tr>
    <tr>
    <td width="138"><font face="Arial">Password:</font></td>
    <td colspan="2">
    <input type="text" name="textfield3">
    </td>
    </tr>
    <tr>
    <td width="138"> </td>
    <td colspan="2">
    <input type="submit" name="Submit" value="Login">
    </td>
    </tr>
    <tr>
    <td width="138"> </td>
    <td colspan="2"> </td>
    </tr>
    </table>
    <p align="left"> </p>
    <table width="772" border="0" cellspacing="0" cellpadding="0" height="72">
    <tr>
    <td colspan="2" height="7"><img src="bar.gif" width="774" height="3"></td>
    </tr>
    <tr>
    <td width="568" height="30">
    <p> <img src="GCDHome.gif" width="115" height="24" border="0"><img src="Email.gif" width="115" height="24"></p>
    </td>
    <td width="206" height="30">
    <div align="right"></div>
    </td>
    </tr>
    <tr>
    <td colspan="2"><font face="Times New Roman, Times, serif" size="2">Griffith
    College Dublin, South Circular Road, Dublin 8, Ireland. Tel/Fax: +353 1
    415 0400/ +353 1 454 9265 <br>
    email: [email protected] website:
    www.gcd.ie </font><font face="Times New Roman, Times, serif" size="2">�
    2002 Design: Niall Magner</font></td>
    </tr>
    </table>
    <p align="left"> </p>
    <p> </p>
    <p>  </p>
    </body>
    </html>
    Cheers,
    Niall

    Hi, Does this look right? Is this what you were talking about in your reply?
    <HTML><HEAD><TITLE>GCMB User Login</TITLE>
    <%@ page import="javax.servlet.*" %>
    <%@ page import="javax.servlet.http.*" %>
    <%@ page import="java.sql.*" %>
    <%@ page import="java.util.*" %>
    <%@ page import="java.io.*" %>
    <%-- connection to database--%>
    <%
    String connectionURL = "jdbc:mysql://host:3306/databasename?user=username&password=passwordUsedforDatabase";
    Connection connection = null;
    Statement statement = null;
    ResultSet rs = null;
    ResultSet rs2 = null;
    %><% Class.forName("org.gjt.mm.mysql.Driver").newInstance(); connection = DriverManager.getConnection(connectionURL,
    "", ""); statement = connection.createStatement();
    <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
    <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
    <BODY bgColor=#ff9900>
    <P align=left><IMG height=70 src="Login_files/GCDMsgLogo.gif" width=564></P>
    <form method="post" action="">
    <table cellspacing=0 cellpadding=0 width=372 border=0>
    <tbody>
    <tr>
    <td width=138> </td>
    <td colspan=2><font face=Arial><b>User Login:</b></font></td>
    </tr>
    <tr>
    <td width=138><font face=Arial>Username:</font></td>
    <td colspan=2>
    <input name=textfield2>
    </td>
    </tr>
    <tr>
    <td width=138><font face=Arial>Password:</font></td>
    <td colspan=2>
    <input name=textfield3>
    </td>
    </tr>
    <tr>
    <td width=138> </td>
    <td colspan=2>
    <input type=submit value=Login name=Submit>
    </td>
    </tr>
    <tr>
    <td width=138> </td>
    <td colspan=2> </td>
    </tr>
    </tbody>
    </table>
    </form>
    <P align=left> </P>
    <TABLE height=72 cellSpacing=0 cellPadding=0 width=772 border=0>
    <TBODY>
    <TR>
    <TD colSpan=2 height=7><IMG height=3 src="Login_files/bar.gif"
    width=774></TD></TR>
    <TR>
    <TD width=568 height=30>
    <P><IMG height=24
    src="Login_files/GCDHome.gif" width=115 border=0><IMG height=24
    src="Login_files/Email.gif" width=115></P></TD>
    <TD width=206 height=30>
    <DIV align=right></DIV></TD></TR>
    <TR>
    <TD colSpan=2><FONT face="Times New Roman, Times, serif" size=2>Griffith
    College Dublin, South Circular Road, Dublin 8, Ireland. Tel/Fax: +353 1
    415 0400/ +353 1 454 9265 <BR>email: <A
    href="mailto:[email protected]">[email protected]</A> website: <A
    href="http://www.gcd.ie/">http://www.gcd.ie/</A> </FONT><FONT
    face="Times New Roman, Times, serif" size=2>� 2002 Design: Niall
    Magner</FONT></TD></TR></TBODY></TABLE>
    <P align=left> </P>
    <P> </P>
    <P> </P></BODY></HTML>

  • Checking simple login

    Can anyone tell me how to fix the following piece of code to get my login check working?
    The code is as follows:
    <HTML><HEAD><TITLE>Check User Login Against Parameters</TITLE></HEAD>
    <%@ page import="javax.servlet.*" %>
    <%@ page import="javax.servlet.http.*" %>
    <%@ page import="java.sql.*" %>
    <%@ page import="java.util.*" %>
    <%@ page import="java.io.*" %>
    <BODY bgcolor="#FF9900">
    <H1></H1>
    <%
         Class.forName("COM.mysql.core.JDBCDriver");
         java.sql.Connection = java.sql.DriverManager.getConnection
         "jdbc:mysql:C:\mysql\data\gcdBB");
         java.sql.Statement statement = connection.createStatement();
         String usernameFormParamValue = request.getParameter("usernameFormParam");
         String passwordFormParamValue = request.getParameter("passwordFormParam");
         if(usernameFormparamValue!=null)
              String usernameInitParamValue = config.genInitParameter("username");
              String passwordInitParamValue = config.genInitParameter("password");
              if(usernameFormParamValue.equals(usernameInitParamValue)&&
                   passwordFormParamValue.equals(passwordInitParamValue))
                   // login correct, greetings %> Welcome to the GCD Computing Bulletin
    Board !!! <br>
    <%
              else
                   // login incorrect, please try again %> To proceed, please click
    here <br>
    <% }
         else
              // login incorrect, please try again %> Sorry but your login is incorrect,
    please try again <%)
    %>
    </BODY></HTML>
    Here is the code for my login page which works fine:
    <HTML><HEAD><TITLE>GCMB User Login</TITLE></HEAD>
    <body bgcolor="#FF9900">
    <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
    <META content="MSHTML 6.00.2600.0" name=GENERATOR>
    <P align=left><IMG height=70 src="Login_files/GCDMsgLogo.gif" width=564></P>
    <form method="get" action="LoginCheck.jsp">
    <table cellspacing=0 cellpadding=0 width=372 border=0>
    <tbody>
    <tr>
    <td width=138> </td>
    <td colspan=2><font face=Arial><b>User Login:</b></font></td>
    </tr>
    <tr>
    <td width=138><font face=Arial>Username:</font></td>
    <td colspan=2>
    <input name=textfield2>
    </td>
    </tr>
    <tr>
    <td width=138><font face=Arial>Password:</font></td>
    <td colspan=2>
    <input name="textfield3" type="password">
    </td>
    </tr>
    <tr>
    <td width=138 height="33"> </td>
    <td colspan=2 height="33">
    <select name="select">
    <option>---- Please Select! ----</option>
    <option>Administrator</option>
    <option>Lecturer</option>
    <option>Student</option>
    </select>
    </td>
    </tr>
    <tr>
    <td width=138> </td>
    <td colspan=2>
    <input type=submit value=Login name=Submit>
    </td>
    </tr>
    <tr>
    <td width=138> </td>
    <td colspan=2> </td>
    </tr>
    </tbody>
    </table>
    </form>
    <P align=left> </P>
    <TABLE height=72 cellSpacing=0 cellPadding=0 width=772 border=0>
    <TBODY>
    <TR>
    <TD colSpan=2 height=7><IMG height=3 src="Login_files/bar.gif"
    width=774></TD></TR>
    <TR>
    <TD width=568 height=30>
    <P><IMG height=24
    src="Login_files/GCDHome.gif" width=115 border=0><IMG height=24
    src="Login_files/Email.gif" width=115></P></TD>
    <TD width=206 height=30>
    <DIV align=right></DIV></TD></TR>
    <TR>
    <TD colSpan=2><FONT face="Times New Roman, Times, serif" size=2>Griffith
    College Dublin, South Circular Road, Dublin 8, Ireland. Tel/Fax: +353 1
    415 0400/ +353 1 454 9265 <BR>email: <A
    href="mailto:[email protected]">[email protected]</A> website: <A
    href="http://www.gcd.ie/">http://www.gcd.ie/</A> </FONT><FONT
    face="Times New Roman, Times, serif" size=2>� 2002 Design: Niall
    Magner</FONT></TD></TR></TBODY></TABLE>
    <P align=left> </P>
    <P> </P>
    <P> </P></BODY></HTML>

    Hii
    In this piece of code
    -->request.getParameter("usernameFormParam");
    check that "usernameFormParam" is the name that you have given for the field username in the HTML file
    I think you need to change the code as follows in the HTML file
    <input type="text" name="usernameFormParam">

  • Java applet (pre)loading screen

    Hello everyone,
    As a java programmer I was wondering if it is possible to customize the java loading screen (Which runs before opening a java applet). It doesn't look really nice when a customised applet is running, but the viewers first get the orange java loading object.
    Does anyone know if this is possible?
    Thanks in advance.

    I never tried, but there seems to be an applet image parameter like in
    this example I found on the web:
    <APPLET code=Wave.class width=200 height=80>
         <PARAM name=image value="email.gif">
         <PARAM name=mailto value="[email protected]">
    </APPLET>I also read that for best effects, the image size should match the applet size.

  • Animated Gif showing OK in Mac Email Body but not the PC

    Hello,
    Not sure where to post this (MAC or PC Photoshop forum), but I will try here first.
    I have an animated gif that is placed in a Microsoft Word Document and then Sent from there, as an HTML e-mail.
    This guarantees that the animated gif shows up in the body, not as an attachment.
    All is well on the mac side, but the PC just shows the first frame...The animation doesn't work.
    Does anyone know why?
    I have checked on Outlook 2003 and 2010...no animation.
    Thanks
    babs

    Hi Marian,
    I agree 100%...Unfortunately, We want to add a little bit of animations to our evites..nothing extravagant, but many of our in-house folks and clients use Outlook. We initially started to use the Word option, because we didn't want the emails to be just background images, as there were other issues.... but we couldn't send them as attachments either, as we wanted the evite to be in the body when they opened the e-mail, not an attachment. If you have any other suggestions about how we could use an animated gif in the body of an e-mail to show up in outlook, I am all ears!!! Of course, like Jeffery points out, if Outlook won't play them anyway, then we simply can't do it. I just have to believe there is some way to do this that will work for outlook as well???
    Any thoughts or suggestions are greatly appreciated!!!
    Thanks!
    babs

  • Cannot email animated gif's

    I've recently downloaded several small sized animated .gif files on safari to the iphone camera roll, and I cannot email this file for whatever reason. I get "Saving file" when I "Email Photo" and it will continue saving the file in a loop, which is quite odd since the file is already saved on the iphone. This happens on any of the animated gif files I have on the phone. I figured since I can download that file rather quickly, is it the upload that is slowing things down? I have left some running for over 15 minutes with no avail. I have a 16GB iPhone 3GS. Has anyone else seen this? Thanks.

    http://openradar.appspot.com/7237723
    Here is something else I found online which more elaborately describes the problem I'm experiencing with my phone, if someone else has this problem, please reply to this post.

  • Animated Gif showing OK on mac email, not PC after saving as webpage in word

    Hello,
    Not sure where to post this (MAC or PC Photoshop forum), but I will try here first.
    I have an animated gif that is placed in a Microsoft Word Document and then Sent from there, as an HTML e-mail.
    This guarantees that the animated gif shows up in the body, not as an attachment.
    All is well on the mac side, but the PC just shows the first frame...The animation doesn't work.
    Does anyone know why?
    I have checked on Outlook 2003 and 2010...no animation.
    Thanks
    babs

    I think this is just the way things are.
    I inserted an animated GIF in an Outlook 2003 eMail, for which I have configured Word 2003 to be the editor.  It didn't animate while I was composing the eMail.  I imagine this is because it's still a Word document at that point; it isn't converted to HTML until it's sent.
    However, after I sent it (to myself), I can see the animation both in the preview pane of Outlook 2003 and if I double click the message to open it as an HTML message I see the animation as well.  In Outlook, I have the following options set, which seem to be pertinent:
    -Noel

Maybe you are looking for