Image Names

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="725" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 33 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="71"><div> <A HREF="id138.htm" TARGET="_top" TITLE="ButtonsImage Links"><IMG SRC="640070e0.png" border=0 width="7" height="14" ALT="previous" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <A HREF="id139.htm" TARGET="_top" TITLE="Image Theft"><IMG SRC="642070e0.png" border=0 width="7" height="14" ALT="next" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </tD> <tD VALIGN=CENTER><NOBR><div> <DIV style="TEXT-ALIGN: center"> <STYLE type=text/css> #rollbutton a { color: #C0DCC0; font-size:12px; font-weight: bold; text-decoration: none; border:2px outset #D3D3D3; background-color:#680098; display: block; width: 85px; height: 19px; padding: 0px; } #rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset #D3D3D3; } </STYLE> <DIV id=rollbutton> <A href="http://www.samisite.com" title="Samisite.com Home Page" target="_top" onfocus="this.blur()">HOME</A> <A href="http://www.forum.samisite.com" title="Visit the Samisite Webmaster Community Forum" target="_top" onfocus="this.blur()">FORUM</A></DIV> </DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <STYLE>  </STYLE><A HREF="index.htm" TARGET="_top" TITLE="Test Index">Test Index</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id93.htm" TARGET="_top" TITLE="Photo Borders">Photo Borders</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id125.htm" TARGET="_top" TITLE="Table of sliced images Rounded corners">Table of sliced images - Rounded corners</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="sliceandlink.htm" TARGET="_top" TITLE="Sliced images and manually linked">Sliced images and manually linked</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id129.htm" TARGET="_top" TITLE="Overlap Images">Overlap Images</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id128.htm" TARGET="_top" TITLE="Create a Watermark">Create a Watermark</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id35.htm" TARGET="_top" TITLE="Gif Png Transparency">Gif Png Transparency</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id138.htm" TARGET="_top" TITLE="ButtonsImage Links">Buttons-Image Links</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><B>Image Names</B><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id139.htm" TARGET="_top" TITLE="Image Theft">Image Theft</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id33.htm" TARGET="_top" TITLE="Lake Applet">Lake Applet</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id109.htm" TARGET="_top" TITLE="Other applets">Other applets</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id94.htm" TARGET="_top" TITLE="Slideshow1">Slideshow1</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id127.htm" TARGET="_top" TITLE="Slideshow2">Slideshow2</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id144.htm" TARGET="_top" TITLE="Slideshow3">Slideshow3</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id88.htm" TARGET="_top" TITLE="Galleries">Galleries</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id141.htm" TARGET="_top" TITLE="DD Thumbnail Viewer">DD Thumbnail Viewer</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="imagemap.htm" TARGET="_top" TITLE="image map">image map</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id113.htm" TARGET="_top" TITLE="xara thumbnail">xara thumbnail</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id114.htm" TARGET="_top" TITLE="Random Image">Random Image</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id131.htm" TARGET="_top" TITLE="LOGO BRANDING">LOGO BRANDING</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id126.htm" TARGET="_top" TITLE="Animated Image">Animated Image</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id132.htm" TARGET="_top" TITLE="photo with sound">photo with sound</A></div> <bR> <div> <B>Image Names</B><FONT SIZE="3" COLOR="#0000CC" FACE="Arial" > <script language="JavaScript1.2"> /* Disable right click script II (on images)- By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts Visit http://www.dynamicdrive.com */ var clickmessage="Please do not take the images!" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script>   <META HTTP-EQUIV="imagetoolbar" CONTENT="no">  </FONT></div> <bR> <bR> <div> <FONT SIZE="4" COLOR="#330066" FACE="Arial" ><B>CSB RENAMES IMAGES! </B></FONT>CSB stores images that are placed into the pages. When the file converts to HTML during the publishing process, the image names are changed to a numbered code. <FONT SIZE="2" COLOR="#330066" FACE="Arial" >(Example: cat.jpg becomes ce23563.jpg) </FONT></div> <bR> <div> <B>THE GOOD SIDE: </B>it's great if you <B>do not</B><B> want</B> someone searching for cat images and taking your photos from your site, or having photo harvesters (spiders that crawl the web) taking your images for display/download on other sites without your permission. </div> <bR> <div> <B>THE BAD SIDE: </B>Your images will have no usable names so they can't be classified by the search engines. You <B>do want</B> people to search for cat images or search engines to find cat images on your website.  Consider the two options below: </div> <div> <B>Image Tooltip </B>- added image description that appears on mouseover.  It is only somewhat effective for the search engines because once your image is found and captured, it still has no name and can not be sorted by name.  </div> <div> <B>Code Insertion - </B>The ONLY way to get your CSB build site to not change the image names.  This method WILL allow your images to be found and captured, taken without your permission.</div> <bR> <bR> <div> <B>IMAGE TOOLTIP </B><FONT SIZE="3" COLOR="#330066" FACE="Arial" ><B>(Floating description of image):</B></FONT></div> <div> Optional: whether or not you want a border around it, size of image and spacingCSB/Trellix places a  TOOLTIP in a white popup box over every text link and you can do the same for images!  <B>INTERNET EXPLORER uses the </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>ALT tag</B></FONT><B> for a TOOLTIP.  FIREFOX uses the </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>TITLE tag</B></FONT><B> for a TOOLTIP, even on photos!  </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>SO USE THEM BOTH for best effect! </B></FONT><B> You can use them with or without a link. Define the name of the image and your photo description.   </B><A HREF="http://www.samisite.com/test-csb2nf/id121.htm" TARGET="_top" TITLE="http://www.samisite.com/test-csb2nf/id12"><B>Please visit this page for FULL INSTRUCTIONS and samples too</B></A><B>.</B></div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="820" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 87 ><NOBR><div> <B><IMG SRC="6388e500.jpg" border=0 width="142" height="80" ALT="My Cat Spaz!" title="My Cat Spaz!" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="650"><div> <B>Mouse over the image. </B> This image has a floating tooltip that will appear in both Internet Explorer and Firefox because a combination of ALT and TITLE tags is in the code!</div> <div> Fast and Easy to implement!</div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <B>CODE INSERTION:</B></div> <div> You can insert code into your web page that allows the page to load in images stored in a folder on your web server.</div> <div> <B>Reasons for using this technique:</B></div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Your image names will remain EXACTLY as you name them and will allow the spiders to capture the images.</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Excellent way to link to the same image from several places in your website, yet the image is only stored once</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">People that have problems with images that seem to disappear after publishing report this resolves the issue. <FONT SIZE="2" COLOR="#000000" FACE="Arial" >(If the issue can not be resolved by UNCHECKING the box to publish to LOCAL HTML folder, which usually does fix the problem.)</FONT></div> <div> <B>This technique has two steps.</B></div> <bR> <div> <B>STEP 1: </B><B>UPLOAD IMAGES TO THE SITE</B></div> <div> Use an <A HREF="http://www.samisite.com/publish/using_ftp.htm" TARGET="_top" TITLE="http://www.samisite.com/publish/using_ft">FTP program</A> to directly upload to a folder you create (such as "images").  This is the fastest way, especially if you want to change the images on a regular basis. </div> <bR> <div> Or staying within CSB, you can use a <B>container page with captured resources. </B></div> <div> WARNING: Never publish with the option to publish to LOCAL HTML folder checked!  It can interfer with publishing.</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Right click in the MAP area, then choose 'Insert Container Page'.</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Click on the drop down box, and choose 'Captured Resource'. A new window will open up.</div> <div> <IMG SRC="5938f1d0.gif" border=0 width="399" height="285" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Click on <B>Insert</B> -> <B>From Disk</B>, and load your images into the container page. Repeat until all images are loaded.</div> <div> <IMG SRC="594e92f0.gif" border=0 width="489" height="303" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Click on one image in the list (any image will do!).  Make it your default . Simply click on <B>Edit</B> -> <B>Set Default</B></div> <div> <B><IMG SRC="59563fb0.gif" border=0 width="611" height="251" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <bR> <div> <B><IMG SRC="59660a80.gif" border=0 width="608" height="168" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <bR> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Click on <B>File</B> -> <B>Save & Exit</B>. The Container Page Properties window appears.  </div> <div> <FONT SIZE="3" COLOR="#800000" FACE="Arial" ><B>RECORD THE ASSIGNED RESOURCE NUMBER!  YOU WILL NEED IT FOR STEP 2!</B></FONT>  </div> <div> In the example below, the resource number is: <B>Resource-1426.  Yours will be different!</B></div> <div> <IMG SRC="597dd1e0.gif" border=0 width="477" height="286" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </div> <div> To add more images later, you can right click the page on the map, properties, contents tab and click the BROWSE button to open the list of files.  You must always have a default image and you can also delete files.  NOTE:  You can use captured resources for more than just images!  Note that CONTAINER PAGES have a red dot in the corner of the page icon on the map so they are easy to find.</div> <bR> <div> <B>STEP 2: INSERT CODE THAT LINKS TO THE IMAGE</B></div> <div> <B>For each image, you will insert a piece of code.</B>  Copy and paste the code and use it as many times as you want, and modify the details for your specific images.  Two ways to do it.</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Use Insert > HTML<FONT SIZE="3" COLOR="#000000" FACE="Arial" > (in Trellix, use build your own webgem) </FONT></div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Use the pass thru method.</div> <bR> <div> <B>The basic image link code is:</B></div> <div>  <IMG SRC="http://www.samisite.com/<FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >images/</FONT><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >checkmark.gif</FONT>" border=0 ALIGN="BOTTOM" HSPACE="0" VSPACE="0">   </div> <div>  <IMG SRC="<FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >Resource-1426/</FONT><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >checkmark.gif</FONT>" border=0 ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> You can use the absolute linking (full address like in the first example) or relative linking (partial address as shown in the second example above)</div> <bR> <div> If you want your code to include a description, add this:  ALT="description text here" like this:</div> <div> <IMG SRC="<FONT SIZE="2" COLOR="#3333FF" FACE="Arial" >Resource-1426/</FONT><FONT SIZE="2" COLOR="#CC0000" FACE="Arial" >checkmark.gif</FONT>" <B>ALT="Red checkmark"</B> border=0 ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <bR> <div> <B>For these examples, I have uploaded the same two pictures to my site in two different ways for demonstration purposes.  </B></div> <div> I used an FTP program to load images to a folder called "<FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >images</FONT>" (t<FONT SIZE="3" COLOR="#000000" FACE="Arial" >he new </FONT><FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >images</FONT><FONT SIZE="3" COLOR="#000000" FACE="Arial" > subdirectory is here: http://www.samisite.com/images)  </FONT>and also used the captured resource putting the images into the folder "<FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >Resource-1426</FONT>"  (t<FONT SIZE="3" COLOR="#000000" FACE="Arial" >he new </FONT><FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >Resource-1426</FONT><FONT SIZE="3" COLOR="#000000" FACE="Arial" > subdirectory is here: http://www.samisite.com/</FONT>photo/Resource-1426<FONT SIZE="3" COLOR="#000000" FACE="Arial" >)  </FONT></div> <bR> <bR> <div> <FONT SIZE="3" COLOR="#330066" FACE="Arial" ><B><IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">INSERT > HTML (webgem):</B></FONT><B>  </B>Place the code into an insert HTML and it will call up the image <FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >checkmark.gif</FONT><FONT SIZE="3" COLOR="#FF6600" FACE="Arial" > </FONT>everytime the page is loaded.  </div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="675" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 57 WIDTH="36"><div>  <IMG SRC="../images/checkmark.gif" ALT="Red checkmark" border=0 ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  </div> </tD> <tD VALIGN=TOP WIDTH="628"><div> This image uses the insert > html method, linked to the image in the <FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >IMAGES</FONT> folder on my site and has the tooltip description in the code so when you <B>mouseover the image</B> the description shows.</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 38 WIDTH="36"><div>  <IMG SRC="Resource-1426/checkmark.gif" border=0 ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  </div> </tD> <tD VALIGN=TOP WIDTH="628"><div> This image uses the insert > html method, linked to the image in the <FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >Resource-1426</FONT> folder on my site</div> </tD> </tR> </TABLE></div> <div>  </div> <div> <TABLE BORDER="1" CELLPADDING="2" CELLSPACING="1" WIDTH="690" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#EEEEEE HEIGHT= 161 WIDTH="680"><div> For reference, this is the way the code looks on my design page:</div> <DIV ALIGN="LEFT"></DIV> <div> <IMG SRC="5a7a0650.gif" border=0 width="672" height="101" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> (I use a small webgem image for my placeholder!  Read more <A HREF="http://www.samisite.com/test-csb2nf/id120.htm" TARGET="_top" TITLE="http://www.samisite.com/test-csb2nf/id12">here</A> to change your placeholder and stop using that BIG image CSB/Trellix use.)</div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">INSERT  CODE ON THE PAGE WITH PASS THRU METHOD:</B></div> <div> You could also place the code into your website with <FONT SIZE="3" COLOR="#BF00BF" FACE="Arial" >PASS THRU method</FONT>.  Place the code on a line of its own, with <FONT SIZE="3" COLOR="#BF00BF" FACE="Arial" ><B><| </B></FONT>before it and <FONT SIZE="3" COLOR="#BF00BF" FACE="Arial" ><B>|></B></FONT> after it  with no spaces between the < and the | like this: <FONT SIZE="3" COLOR="#000000" FACE="Verdana" > </FONT><FONT SIZE="1" COLOR="#BF00BF" FACE="Verdana" ><|</FONT><FONT SIZE="1" COLOR="#000000" FACE="Verdana" ><IMG SRC="</FONT><FONT SIZE="1" COLOR="#000000" FACE="Arial" >http://www.samisite.com</FONT><FONT SIZE="1" COLOR="#3333FF" FACE="Arial" >/</FONT><FONT SIZE="1" COLOR="#3333FF" FACE="Verdana" >images/</FONT><FONT SIZE="1" COLOR="#CC0000" FACE="Arial" >checkmark.gif</FONT><FONT SIZE="1" COLOR="#000000" FACE="Verdana" >" border=0 ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></FONT><FONT SIZE="1" COLOR="#BF00BF" FACE="Verdana" >|>    </FONT> Since the code is not on its own line on the page, it does not work.  Below, I am placing the code directly on the page, on its own line and you will see an image instead of the code.  You can use TABLES to hold MANY images on the page, each image in it's own cell in the table.</div> <bR> <div> If you are placing MANY images, into your pages, this method is terrific. Also, the code is ALWAYS visible in your design file so it makes it easier to modify if you need to!</div> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="684" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 95 ><NOBR><div> This image uses the pass thru method, linked to the image in the <FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >IMAGES</FONT> folder on my site:</div> <IMG SRC="http://www.samisite.com/images/checkmark.gif" border=0 ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <bR> <div> This image uses the pass thru method, linked to the image in the <FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >Resource-1426</FONT> folder on my site:</div> <IMG SRC="Resource-1426/checkmark.gif" border=0 ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </NOBR></tD> </tR> </TABLE></div> <div>  </div> <div> <TABLE BORDER="1" CELLPADDING="2" CELLSPACING="1" WIDTH="690" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#EEEEEE HEIGHT= 122 ><NOBR><div> For reference, this is the way the code looks on my design page:</div> <DIV ALIGN="LEFT"></DIV> <div> <IMG SRC="5a4a8610.gif" border=0 width="680" height="97" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> </td> </tr></table></body>