Lightbox 2 and Spry Accordian
Hello,
Does anyone know if there might be an incompatibility issue
with lightbox 2 and spry accordians with Explorer?
compare these 2 pages in explorer
http://www.pearceco.com/bowdoin_square.html
http://www.pearceco.com/bowdoin_square3.html
click on the one bedroom floorplan link (right hand side) in
each
In Explorer on a pc in the second page (the page with the
accordian) sometimes the page won’t even
open... What is most perplexing is that this all worked
before... go figure.
Please help,
elizabeth
>>>>Any thoughts as to why?
Not without seeing the code.
Can you post a link to the page showing the problem
behaviour?
Regards
John Waller
Similar Messages
-
Spry Menu Bar and Spry Accordians quit working.
I for the life of me can not figure out why these quit working both the spry menu bar and my accordians quit working, . Here is the site I am working on http://www.online-antiques-and-collectibles.com
The pages are in .php so http://www.online-antiques-and-collectibles.com/index.php
I use a dell PC with windows 7. Godaddy is the webserver. I am also using a template. The site pages are HTML5 and PHP.
so someone please help me find out the bug I did to this thing. I really have too much work into this as of now to start over with a new template page if I do not have to?
Any suggestions would be great. Thanks in advance for your help.
Here is the code from my index page
<!doctype html>
<html><!-- InstanceBegin template="/Templates/deco.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="styles.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="header">
<header><img src="Assets/Images/DECO BANNER.fw.png" width="954" height="228" alt="Deco Designs and Collectibles Header"></header>
</div>
<div class="Nav">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.php">Home</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Browse</a>
<ul>
<li><a href="antiques/antique-categories.php">Antique Categories</a></li>
<li><a href="collectibles/collectible-categories.php">Collectible Categories</a></li>
</ul>
</li>
<li><a href="search.php" title="Search Deco Designs and Collectibles Website">Search</a></li>
<li><a href="cost.php" title="What Deco Designs and Collectibles Cost">Costs</a></li>
<li><a href="register.php" title="Register for a Deco Designs and Collectibles Seller Account">Register</a></li>
<li><a href="login.php" title="Login to your Deco Designs and Collectibles Sellers Account">Login</a></li>
<li><a href="contact-us.php" title="Contact Us at Deco Designs and Collectibles">Contact Us</a></li>
<li><a href="about-us.php" title="About Us at Deco Designs and Collectibles">About Us</a></li>
</ul>
</div>
<div class="sidebar1">
<div><strong>ANTIQUES</strong></div>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Antiquities Middle Ages</div>
<div class="AccordionPanelContent">
<p><a href="antiques/antiquities-middle-ages-antiques/byzantine-antiques/byzantine-antiquities. php" title="Byzantine Antiques">Byzantine Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/celtic-antiques/celtic-antiquities.php" title="Celtic Antiques">Celtic Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/egyptian-antiques/egyptian-antiquities.ph p" title="Egyptian Antiques">Egyptian Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/far-eastern-antiques/far-eastern-antiquit ies.php" title="Far Eastern Antiques">Far Eastern Antiquities </a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/greek-antiques/greek-antiquities.php" title="Greek Antiques">Greek Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/holy-land-antiques/holy-land-antiquities. php" title="Holy Land Antiques">Holy Land Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/islamic-antiques/islamic-antiquities.php" title="Islamic Antiques">Islamic Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/near-eastern-antiques/near-eastern-antiqu ities.php" title="Near Eastern Antiques">Near Eastern Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/neolithic-antiques/neolithic-antiquities. php" title="Neolithic and Paleolithic Antiques">Neolithic and Paleolithic Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/reproduction-antiquities/reproduction-ant iquities.php" title="Reproduction Antiquities">Reproduction Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/roman-antiques/roman-antiquities.php" title="Roman">Roman Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/south-italian-antiques/south-italian-anti quities.php" title="South Italian Antiques">South Italian Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/the-americas-antiques/the-americas-antiqu ities.php" title="The Americas Antiques">The Americas Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/viking-antiques/viking-antiquities.php" title="Viking Antiques">Viking Antiquities</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/price-guides-and-publications-for-antiqui ties-middle-ages/price-guides-and-publications-for-antiquities-middle-ages.php" title="Price Guides and Publications for Antiquities Middle Ages">Price Guides and Publications for Antiquities Middle Ages</a></p>
<p><a href="antiques/antiquities-middle-ages-antiques/other-antiquities/other-antiquities-middl e-ages.php" title="Other Antiquities Middle Ages Antiques">Other - Antiquities Middle Ages</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Architectural and Garden Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/architectural-and-garden-antiques/alabaster/alabaster-architectural-and-ga rden-antiques.php" title="Antique Alabaster">Alabaster - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/brass/brass-architectural-and-garden-ant iques.php" title="Antique Brass">Brass - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/bronze/bronze-architectural-and-garden-a ntiques.php" title="Antique Bronze">Bronze - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/cast-iron/cast-iron-architectural-and-ga rden-antiques.php" title="Antique Cast Iron">Cast Iron - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/chrome/chrome-architectural-and-garden-a ntiques.php" title="Antique Chrome">Chrome - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/copper/copper-architectural-and-garden-a ntiques.php" title="Antique Copper">Copper - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/crystal/crystal-architectural-and-garden -antiques.php" title="Antique Crystal">Crystal - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/glass/glass-architectural-and-garden-ant iques.php" title="Glass">Glass - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/gold/gold-architectural-and-garden-antiq ues.php" title="Antique Gold">Gold - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/iron/iron-architectural-and-garden-antiq ues.php" title="Antique Iron">Iron - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/marble/marble-architectural-and-garden-a ntiques.php" title="Marble">Marble - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/mixed-materials/mixed-materials-architec tural-and-garden-antiques.php" title="Mixed Material Antiques">Mixed Materials - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/pewter/pewter-architectural-and-garden-a ntiques.php" title="Antique Pewter">Pewter - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/porcelain/porcelain-architectural-and-ga rden-antiques.php" title="Antique Porcelain">Porcelain - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/silver/silver-architectural-and-garden-a ntiques.php" title="Antique Silver">Silver - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/steel/steel-architectural-and-garden-ant iques.php" title="Antique Steel">Steel - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/stone/stone-architectural-and-garden-ant iques.php" title="Antique Stone">Stone - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/synthetic/synthetic-architectural-and-ga rden-antiques.php" title="Synthetic Antiques">Synthetic - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/tole/tole-architectural-and-garden-antiq ues.php" title="Antique Tole">Tole - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/wood/wood-architectural-and-garden-antiq ues.php" title="Antique Wood">Wood - Architectural and Garden Antiques</a></p>
<p><a href="antiques/architectural-and-garden-antiques/other-architectural-and-garden-antiques/ other-architectural-and-garden-antiques.php" title="Other Architectural and Garden Antiques">Other - Architectural and Garden Antiques</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Asian Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/asian-antiques/amulets/amulets-asian-antiques.php" title="Antique Asian Amulet">Amulets - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/armor/armor-asian-antiques.php" title="Antique Asian Armor">Armor - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/baskets/baskets-asian-antiques.php" title="Antique Asian Basket">Baskets - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/bells/bells-asian-antiques.php" title="Antique Asian Bell">Bells - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/bowls/bowls-asian-antiques.php" title="Antique Asian Bowl">Bowls - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/boxes/boxes-asian-antiques.php" title="Antique Asian Boxe">Boxes - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/bracelets/bracelets-asian-antiques.php" title="Antique Asian Bracelet">Bracelets - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/brush-pots/brush-pots-asian-antiques.php" title="Antique Asian Brush Pot">Brush Pots - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/brush-water/brush-washer-asian-antiques.php" title="Antique Asian Brush Washer">Brush Washers - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/dolls/dolls-asian-antiques.php" title="Asian Antique Doll">Dolls - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/fans/fans-asian-antiques.php" title="Asian Antique Fan">Fans - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/furniture/furniture-asian-antiques.php" title="Asian Antique Furniture">Furniture - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/glasses-and-cups/glasses-and-cups-asian-antiques.php" title="Asian Antique Glass and Cup">Glasses and Cups - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/incense-burners/incense-burners-asian-antiques.php" title="Asian Antique Incense Burner">Incense Burners - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/ink-stones/ink-stones-asian-antiques.php" title="Asian Antique Ink Stone">Ink Stones - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/katana/katana-asian-antiques.php" title="Asian Antique Katana">Katana - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/kimonos-robes-and-textiles/kimonos-robes-and-textiles-asian -antiques.php" title="Asian Antique Kimono, Robe, and Textile">Kimonos, Robes and Textiles - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/masks/masks-asian-antiques.php" title="Asian Antique Mask">Masks - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/necklaces-and-pendants/necklaces-and-pendants-asian-antique s.php" title="Asian Antique Necklace and Pendant">Necklaces and Pendants - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/netsuke/netsuke-asian-antiques.php" title="Asian Antique Netsuke">Netsuke - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/paintings-scrolls-and-prints/paintings-scrolls-and-prints-a sian-antiques.php" title="Asian Antique Painting, Scroll and Print">Paintings, Scrolls and Prints - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/plates/plates-asian-antiques.php" title="Asian Antique Plate">Plates - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/pots/pots-asian-antiques.php" title="Asian Antique Pot">Pots - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/rings/rings-asian-antiques.php" title="Asian Antique Ring">Rings - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/seals/seals-asian-antiques.php" title="Asian Antique Seal">Seals - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/snuff-bottles/snuff-bottles-asian-antiques.php" title="Asian Antique Snuff Bottle">Snuff Bottles - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/statues/statues-asian-antiques.php" title="Asian Antique Statue">Statues - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/swords/swords-asian-antiques.php" title="Asian Antique Sword">Swords - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/tea-caddies/tea-caddies-asian-antiques.php" title="Asian Antique Tea Caddie">Tea Caddies - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/teapots/teapots-asian-antiques.php" title="Asian Antique Teapot">Teapots - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/tubas/tubas-asian-antiques.php" title="Asian Antique Tuba">Tubas - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/vases/vases-asian-antiques.php" title="Asian Antique Vase">Vases - Asian Antiques</a></p>
<p><a href="antiques/asian-antiques/other-asian-antiques/other-asian-antiques.php" title="Other Asian Antiques">Other Asian Antiques</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Books and Manuscripts Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/books-and-manuscripts-antiques/americana/americana-books-and-manuscripts-a ntiques.php" title="Americana Book">Americana - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/art-and-photography/art-and-photography-boo ks-and-manuscripts-antiques.php" title="Art Book and Photography Book">Art and Photography - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/biography-and-autobiography/biography-and-a utobiography-books-and-manuscripts-antiques.php" title="Biography and Autobiography Book">Biography and Autobiography - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/children/children-books-and-manuscripts-ant iques.php" title="Children Book">Children's - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/cooking/cooking-books-and-manuscripts-antiq ues.php" title="Cook Book">Cooking - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/exploration-and-travel/exploration-and-trav el-books-and-manuscripts-antiques.php" title="Exploration Book and Travel Book">Exploration and Travel - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/fraternal-social-organizations/fraternal-so cial-organizations-books-and-manuscripts-antiques.php" title="Fraternal and Social Organization Book">Fraternal, Social Organizations - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/history/history-books-and-manuscripts-antiq ues.php" title="History Book">History - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/home-and-garden/home-and-garden-books-and-m anuscripts-antiques.php" title="Home Book and Garden Book">Home and Garden - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/law-and-government/law-and-government-books -and-manuscripts-antiques.php" title="Law Book and Government Book">Law and Government - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/literature-and-fiction/literature-and-ficti on-books-and-manuscripts-antiques.php" title="Literature Book and Fiction Book">Literature and Fiction - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/military-and-war/military-and-war-books-and -manuscripts-antiques.php" title="Military Book and War Book">Military and War - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/outdoor-and-nature/outdoor-and-nature-books -and-manuscripts-antiques.php" title="Outdoor Book and Nature Book">Outdoor and Nature - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/performing-arts/performing-arts-books-and-m anuscripts-antiques.php" title="Performing Art Book">Performing Arts - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/pulps/pulps-books-and-manuscripts-antiques. php" title="Pulp Book">Pulps - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/reference/reference-books-and-manuscripts-a ntiques.php" title="Reference Book">Reference - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/religion-and-spirituality/religion-and-spir ituality-books-and-manuscripts-antiques.php" title="Religious Book and Spirituality Book">Religion and Spirituality - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/science-and-medicine/science-and-medicine-b ooks-and-manuscripts-antiques.php" title="Science Book and Medicine Book">Science and Medicine - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/sports/sports-books-and-manuscripts-antique s.php" title="Sport Book">Sports - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/vintage-paperbacks/vintage-paperbacks-books -and-manuscripts-antiques.php" title="Vintage Paperback">Vintage Paperbacks - Books and Manuscripts Antiques</a></p>
<p><a href="antiques/books-and-manuscripts-antiques/other-books-and-manuscripts-antiques/other- books-and-manuscripts-antiques.php" title="Other Book and Manuscrpit Antiques">Other - Books and Manuscripts Antiques</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Carvings Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/carvings-antiques/african-carvings/african-carvings-antiques.php" title="African Carving">African - Antique Carvings</a></p>
<p><a href="antiques/carvings-antiques/anri-wood-carvings/anri-wood-carvings-antiques.php" title="Ari Wood Carving">Anri Wood - Antique Carvings</a></p>
<p><a href="antiques/carvings-antiques/chinese-carvings/chinese-carvings-antiques.php" title="Chinese Carving">Chinese - Antique Carvings</a></p>
<p><a href="antiques/carvings-antiques/intuit-carvings/intuit-carvings-antiques.php" title="Intuit Carving">Intuit - Antique Carvings</a></p>
<p><a href="antiques/carvings-antiques/ironwood-carvings/ironwood-carvings-antiques.php" title="Ironwood Carving">Ironwood - Antique Carvings</a></p>
<p><a href="antiques/carvings-antiques/jade-carvings/jade-carvings-antiques.php" title="Jade Carving">Jade - Antique Carvings</a></p>
<p><a href="antiques/carvings-antiques/stone-carvings/stone-carvings-antiques.php" title="Stone Carving">Stone - Antique Carvings</a></p>
<p><a href="antiques/carvings-antiques/wood-carvings/wood-carvings-antiques.php" title="Wood Carving">Wood - Antique Carvings</a></p>
<p><a href="antiques/carvings-antiques/other-antique-carvings/other-carvings-antiques.php" title="Other Antique Carving">Other - Antique Carvings</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Ceramic and Porcelain Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/ceramic-and-porcelain-antiques/amphora/amphora-ceramic-and-porcelain-antiq ues.php" title="Amphora">Amphora - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/bavaria/bavaria-ceramic-and-porcelain-antiq ues.php" title="Bavaria">Bavaria - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/bellek-bellek-american-or-bellek-irish/bell ek-bellek-american-or-bellek-irish-ceramic-and-porcelain-antiques.php" title="Belleek">Belleek, Belleek American or Belleek Irish - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/capodimonte/capodimonte-ceramic-and-porcela in-antiques.php" title="Capodimonte">Capodimonte - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/celadon/celadon-ceramic-and-porcelain-antiq ues.php" title="Celadon">Celadon - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/celadon-northern-or-southern/celadon-northe rn-or-southern-ceramic-and-porcelain-antiques.php" title="Northern Celadon or Southern Celadon">Celadon, Northern or Southern - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/chintz-grimwades-royal-winton-lefton-shelll y/chintz-grimwades-royal-winton-lefton-shelly-ceramic-and-porcelain-antiques.php" title="Chintz, Grimwades (Royal Winton), Lefton, Shelly">Chintz, Grimwades (Royal Winton), Lefton, Shelly - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/cookie-jars-hall-hull-mccoy-redwing-shelly/ cookie-jars-hall-hull-mccoy-redwing-shelly.php" title="Antique Cookie Jars">Cookie Jars, Hall, Hull, McCoy, Redwing, Shelly - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/copeland-spode/copeland-spode-ceramic-and-p orcelain-antiques.php" title="Copeland Spode">Copeland Spode - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/dedham-pottery/dedham-pottery-ceramic-and-p orcelain-antiques.php" title="Dedham Pottery">Dedham Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/delftware/delftware-ceramic-and-porcelain-a ntiques.php" title="Delftware">Delftware - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/dresden-meissen/dresden-meissen-ceramic-and -porcelain-antiques.php" title="Dresden Meissen">Dresden Meissen - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/famille-rose/famille-rose-ceramic-and-porce lain-antiques.php" title="Famille Rose">Famille Rose - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/fiesta/fiesta-ceramic-and-porcelain-antique s.php" title="Fiesta">Fiesta - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/flow-blue/flow-blue-ceramic-and-porcelain-a ntiques.php" title="Flow Blue">Flow Blue - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/fulper/fulper-ceramic-and-porcelain-antique s.php" title="Fulper">Fulper - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/grueby-pottery/grueby-pottery-ceramic-and-p orcelain-antiques.php" title="Grueby Pottery">Grueby Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/hall-pottery/hall-pottery-ceramic-and-porce lain-antiques.php" title="Hall Pottery">Hall Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/haviland-china/haviland-china-ceramic-and-p orcelain-antiques.php" title="Haviland Ching">Haviland China - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/hull-pottery/hull-pottery-ceramic-and-porce lain-antiques.php" title="Hull Pottery">Hull Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/hummel-items-figurines-plates/hummel-items- figurines-plates-ceramic-and-porcelain-antiques.php" title="Hummel, Items, Figurines, Plates">Hummel, Items, Figurines, Plates - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/hummel-goebel/hummel-goebel-ceramic-and-por celain-antiques.php" title="Hummel Goebel">Hummel Goebel - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/kpm-figurines-plates-plaques/kpm-figurines- plates-plaques-ceramic-and-porcelain-antiques.php" title="KPM, figurines, plates, plaques - Ceramic and Porcelain Antiques">KPM, figurines, plates, plaques - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/lenox-china/lenox-china-ceramic-and-porcela in-antiques.php" title="Lenox China">Lenox China - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/limoge-china/limoge-china-ceramic-and-porce lain-antiques.php" title="Limoge China">Limoge China - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/lladro-porcelains/lladro-porcelains-ceramic -and-porcelain-antiques.php" title="Lladro Porcelain">Lladro Porcelains - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/majolica/majolica-ceramic-and-porcelain-ant iques.php" title="Majolica">Majolica - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/mccoy-pottery/mccoy-pottery-ceramic-and-por celain-antiques.php" title="McCoy Pottery">McCoy Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/minton-china/minton-china-ceramic-and-porce lain-antiques.php" title="Milton China">Minton China - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/newcomb-college-pottery/newcomb-college-pot tery-ceramic-and-porcelain-antiques.php" title="Newcomb College Pottery">Newcomb College Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/niloak-pottery/niloak-pottery-ceramic-and-p orcelain-antiques.php" title="Niloak Pottery">Niloak Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/nippon-china/nippon-china-ceramic-and-porce lain-antiques.php" title="Nippon China">Nippon China - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/noritake-china/noritake-china-ceramic-and-p orcelain-antiques.php" title="Noritake China">Noritake China - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/old-sleepy-eye/old-sleepy-eye-ceramic-and-p orcelain-antiques.php" title="Old Sleepy Eye">Old Sleepy Eye - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/onion-meissen/onion-meissen-ceramic-and-por celain-antiques.php" title="Onion Meissen">Onion Meissen - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/oriental/oriental-ceramic-and-porcelain-ant iques.php" title="Oriental Ceramic and Porcelain">Oriental - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/parian-ware/parian-ware-ceramic-and-porcela in-antiques.php" title="Parian Ware">Parian Ware - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/piano-babies/piano-babies-ceramic-and-porce lain-antiques.php" title="Piano Babies">Piano Babies Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/pickard-china/pickard-china-ceramic-and-por celain-antiques.php" title="Pickard China">Pickard China - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/quimper/quimper-ceramic-and-porcelain-antiq ues.php" title="Quimper Ceramics">Quimper Ceramics - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/red-wing-pottery/red-wing-pottery-ceramic-a nd-porcelain-antiques.php" title="Red Wing Pottery">Red Wing Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/rockingham-rockingham-brown-glazed-wares/ro ckingham-rockingham-brown-glazed-wares-ceramic-and-porcelain-antiques.php" title="Rockingham and Rockingham Brown Glazed Wares">Rockingham, Rockingham Brown Glazed Wares - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/rookwood-pottery/rookwood-pottery-ceramic-a nd-porcelain-antiques.php" title="Rookwood Pottery">Rookwood Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/rose-canton-rose-mandarin-rose-medallion/ro se-canton-rose-mandarin-rose-medallion-ceramic-and-porcelain-antiques.php" title="Rose Canton, Rose Mandarin and Rose Medallion">Rose Canton, Rose Mandarin, Rose Medallion - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/rosenthal-porcelain/rosenthal-porcelain-cer amic-and-porcelain-antiques.php" title="Rosenthal">Rosenthal Porcelain - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/roseville-pottery/roseville-pottery-ceramic -and-porcelain-antiques.php" title="Roseville Pottery">Roseville Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/royal-bayreuth/royal-bayreuth-ceramic-and-p orcelain-antiques.php" title="Royal Bayreuth">Royal Bayreuth - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/royal-bohn/royal-bohn-ceramic-and-porcelain -antiques.php" title="Royal Bonn">Royal Bonn - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/royal-coppenhagen/royal-coppenhagen-ceramic -and-porcelain-antiques.php" title="Royal Coppenhagen">Royal Coppenhagen - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/royal-crown-derby/royal-crown-derby-ceramic -and-porcelain-antiques.php" title="Royal Crown Derby">Royal Crown Derby - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/royal-doulton/royal-doulton-ceramic-and-por celain-antiques.php" title="Royal Doulton">Royal Doulton - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/royal-worchester/royal-worchester-ceramic-a nd-porcelain-antiques.php" title="Roayl Worchester">Royal Worcester - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/satsuma/satsuma-ceramic-and-porcelain-antiq ues.php" title="Satsuma">Satsuma - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/sevres/sevres-ceramic-and-porcelain-antique s.php" title="Sevres">Sevres - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/shawnee-pottery/shawnee-pottery-ceramic-and -porcelain-antiques.php" title="Shawnee Pottery">Shawnee Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/shelley/shelley-ceramic-and-porcelain-antiq ues.php" title="Shelley">Shelley - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/staffordshire/staffordshire-ceramic-and-por celain-antiques.php" title="Straffordshire">Staffordshire - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/stangl-pottery-birds/stangl-pottery-birds-c eramic-and-porcelain-antiques.php" title="Stangl Pottery">Stangl Pottery Birds - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/tiles/tiles-ceramic-and-porcelain-antiques. php" title="Ceramic and Porcelain Tile">Tiles - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/toby-jugs/toby-jugs-ceramic-and-porcelain-a ntiques.php" title="Toby Jug">Toby Jugs - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/van-briggle/van-briggle-pottery-ceramic-and -porcelain-antiques.php" title="Van Briggle Pottery">Van Briggle Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/wedgewood/wedgewood-ceramic-and-porcelain-a ntiques.php" title="Wedgwood Pottery">Wedgwood - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/weller-pottery/weller-pottery-ceramic-and-p orcelain-antiques.php" title="Weller Pottery">Weller Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/willow-pattern-china/willow-pattern-ceramic -and-porcelain-antiques.php" title="Willow Pattern China">Willow Pattern China - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/zanesville-pottery/zanesville-pottery-ceram ic-and-porcelain-antiques.php" title="Zanesville Pottery">Zanesville Pottery - Ceramic and Porcelain Antiques</a></p>
<p><a href="antiques/ceramic-and-porcelain-antiques/other-ceramic-and-porcelain-antiques/other- ceramic-and-porcelain-antiques.php" title="Other Antique Ceramic and Porcelan">Other - Ceramic and Porcelain Antiques</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Clocks Antiques</div>
<div class="AccordionPanelContent">
<p> <a href="antiques/clocks-antiques/antique-clocks/pre-1930-clocks-antiques.php" title="Antique Clock"> Antique Clocks - Pre 1930</a></p>
<p><a href="antiques/clocks-antiques/parts-and-tools-for-clocks-antiques/parts-and-tools-for-cl ocks-antiques.php" title="Antique Clock Parts and Tools">Parts and Tools for Antique Clocks</a></p>
<p><a href="antiques/clocks-antiques/price-guides-and-publications-for-clocks-antiques/price-gu ides-and-publications-for-clocks-antiques.php" title="Price Guides and Publications for Antique Clocks">Price Guides and Publications for Antique Clocks</a></p>
<p><a href="antiques/clocks-antiques/other-clocks-antiques/other-clocks-antiques.php" title="Other Antique Clock">Other - Antique Clocks</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Comics Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/comics-antiques/antique-comics/comics-pre-1930-antiques.php" title="Antique Comic">Antique Comics (Pre 1930)</a></p>
<p><a href="antiques/comics-antiques/other-comic-pre-1930-antiques/other-comic-pre-1930-antique s.php" title="Other Antique Comic">Other - Antique Comics (Pre 1930) </a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Decorative Arts Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/decorative-arts-antiques/bottles/bottles-decorative-arts-antiques.php" title="Antique Bottle">Bottles - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/bowls/bowls-decorative-arts-antiques.php" title="Antique Bowl">Bowls - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/boxes/boxes-decorative-arts-antiques.php" title="Antique Box">Boxes - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/butter-pats/butter-pats-decorative-arts-antiques. php" title="Butter Pat">Butter Pats - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/candle-holders/candle-holders-decorative-arts-ant iques.php" title="Candle Holder">Candle Holders - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/candle-sticks/candle-sticks-decorative-arts-antiq ues.php" title="Candle Stick">Candle Sticks - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/clocks/clocks-decorative-arts-antiques.php" title="Antique Clock">Clocks - Decorative Arts Antiques </a></p>
<p><a href="antiques/decorative-arts-antiques/compotes/compotes-decorative-arts-antiques.php" title="Compotes">Compotes - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/creamers-and-sugar-bowls/creamers-and-sugar-bowls -decorative-arts-antiques.php" title="Creamers and Sugar Bowls">Creamers and Sugar Bowls - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/crocks/crocks-decorative-arts-antiques.php" title="Crocks">Crocks - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/cups-and-saucers/cups-and-saucers-decorative-arts -antiques.php" title="Cup and Saucer">Cups and Saucers - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/decanters/decanters-decorative-arts-antiques.php" title="Decanter">Decanters - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/dishes/dishes-decorative-arts-antiques.php" title="Antique Dish">Dishes - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/figurines-and-statues/figurines-and-statues-decor ative-arts-antiques.php" title="Figurines and Statues">Figurines and Statues - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/jars/jars-decorative-arts-antiques.php" title="Antique Jar">Jars - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/lamps/lamps-decorative-arts-antiques.php" title="Antique Lamp">Lamps - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/mirrors/mirrors-decorative-arts-antiques.php" title="Mirror">Mirrors - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/perfume-bottles/perfume-bottles-decorative-arts-a ntiques.php" title="Perfume Bottle">Perfume Bottles - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/picture-frames/picture-frames-decorative-arts-ant iques.php" title="Picture Frame">Picture Frames - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/pitchers/pitchers-bottles-decorative-arts-antique s.php" title="Pitcher">Pitchers - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/planters/planters-decorative-arts-antiques.php" title="Planter">Planters - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/plates/plates-decorative-arts-antiques.php" title="Antique Plate">Plates - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/platters-and-trays/platters-and-trays-decorative- arts-antiques.php" title="Platter and Tray">Platters and Trays - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/salt-and-pepper-shakers/salt-and-pepper-shakers-d ecorative-arts-antiques.php" title="Salt and Pepper Shaker">Salt and Pepper Shakers - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/stained-glass-windows/stained-glass-windows-decor ative-arts-antiques.php" title="Stained Glass Window">Stained Glass Windows - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/stemware/stemware-decorative-arts-antiques.php" title="Antique Stemware">Stemware - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/tea-caddies/tea-caddies-decorative-arts-antiques. php" title="Antique Tea Caddie">Tea Caddies - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/teapots-and-tea-sets/teapots-and-tea-sets-decorat ive-arts-antiques.php" title="Teapot and Tea Set">Teapots and Tea Sets - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/tiles/tiles-decorative-arts-antiques.php" title="Antique Tile">Tiles - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/tureens/tureens-decorative-arts-antiques.php" title="Tureen">Tureens - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/urns/urns-decorative-arts-antiques.php" title="Urn">Urns - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/vases/vases-decorative-arts-antiques.php" title="Vase">Vases - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/wooden-ware/wooden-ware-decorative-arts-antiques. php" title="Antique Wooden Ware">Wooden Ware - Decorative Arts Antiques</a></p>
<p><a href="antiques/decorative-arts-antiques/other-decorative-arts-antiques/other-decorative-a rts-antiques.php" title="Other Decorative Arts Antiques">Other - Decorative Arts Antiques</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Dolls and Doll Houses Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/dolls-and-doll-houses-antiques/china-head-dolls/china-head-dolls-antiques. php" title="China Head Doll">China Head Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/cloth-lenci-dolls/cloth-lenci-dolls-antique s.php" title="Cloth Lence Doll">Cloth Lenci Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/early-dolls/early-dolls-dolls-antiques.php" title="Early Doll">Early Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/gemran-bisque-dolls/german-bisque-dolls-ant iques.html" title="German Bisque Doll">German Bisque Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/german-character-dolls/german-character-dol ls-antiques.php" title="German Character Doll">German Character Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/kewpies-dolls/kewpies-dolls-antiques.php" title="Hard Plastic Doll">Hard Plastic Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/kewpies-dolls/kewpies-dolls-antiques.php" title="Kewpie Doll">Kewpies Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/madame-alexander-dolls/madame-alexander-dol ls-antiques.php" title="Madame Alexander Doll">Madame Alexander Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/papier-machie-dolls/papier-machie-dolls-ant iques.php" title="Papier Mache Doll">Papier Mache Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/r-john-wright-dolls/r-john-wright-dolls-ant iques.php" title="R. John Wright Doll">R. John Wright Dolls - Antiques</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/shirley-temple-composition-dolls/shirley-te mple-composition-dolls-antiques.php" title="Shirley Temple Composition Doll">Shirley Temple Composition Dolls - Antique</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/other-dolls-antiques/other-dolls-antiques.p hp" title="Other Antique Dolls">Other Antique Dolls</a></p>
<p><a href="antiques/dolls-and-doll-houses-antiques/doll-houses/doll-house-dolls-antiques.php" title="Doll House and Doll Houses">Doll House Antiques</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Ethnographic Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/ethnographic-antiques/african-ethnographic-antiques/african-ethnographic-a ntiques.php" title="African Antique">African - Ethnographic Antiques</a></p>
<p><a href="antiques/ethnographic-antiques/latin-american-ethnographic-antiques/latin-american- ethnographic-antiques.php" title="Latin American Antique">Latin American - Ethnographic Antiques</a></p>
<p><a href="antiques/ethnographic-antiques/native-american-ethnographic-antiques/native-america n-ethnographic-antiques.php" title="Native American Antique">Native American - Ethnographic Antiques</a></p>
<p><a href="antiques/ethnographic-antiques/pacific-islands-andoceania-ethnographic-antiques/pac ific-islands-andoceania-ethnographic-antiques.php" title="Pacific Island Antique">Pacific Islands and Oceania - Ethnographic Antiques</a></p>
<p><a href="antiques/ethnographic-antiques/price-guides-and-publications-ethnographic-antiques/ price-guides-and-publications-ethnographic-antiques.php" title="Price Guides and Publications - Ethnographic Antiques">Price Guides and Publications - Ethnographic Antiques</a></p>
<p><a href="antiques/ethnographic-antiques/other-ethnographic-antiques/other-ethnographic-antiq ues.php" title="Other - Ethnographic Antiques">Other - Ethnographic Antiques</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Furniture Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/furniture-antiques/danish-furniture/danish-furniture-antiques.php" title="Danish Furniture">Danish Furniture - Antiques</a></p>
<p><a href="antiques/furniture-antiques/edwardian-furniture/edwardian-furniture-antiques.php" title="Edwardian Furniture">Edwardian Furniture - Antiques </a></p>
<p><a href="antiques/furniture-antiques/french-furniture/french-furniture-antiques.php" title="French Furniture">French Furniture - Antiques</a></p>
<p><a href="antiques/furniture-antiques/mid-century-modern-furniture/mid-century-modern-furnitu re-antiques.php" title="Mid Century Modern Furniture">Mid Century Modern Furniture - Antiques</a></p>
<p><a href="antiques/furniture-antiques/mission-furniture/mission-furniture-antiques.php" title="Mission Furniture">Mission Furniture - Antiques</a></p>
<p><a href="antiques/furniture-antiques/george-nelson-furniture/george-nelson-furniture-antique s.php" title="George Nelson Furniture">George Nelson Furniture - Antiques</a></p>
<p><a href="antiques/furniture-antiques/victorian-furniture/victorian-furniture-antiques.php">V ictorian Furniture - Antiques</a></p>
<p><a href="antiques/furniture-antiques/heywood-wakefield-furniture/heywood-wakefield-furniture -antiques.php" title="Heywood Wakefield Furniture">Heywood Wakefield Furniture - Antiques</a></p>
<p><a href="antiques/furniture-antiques/other-antique-furniture/other-furniture-antiques.php" title="Other Antique Furniture">Other - Antique Furniture </a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Gasoline Pumps Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/gasoline-pumps-antiques/gasoline-pumps/gasoline-pumps-antiques.php" title="Antique Gas Pump">Gasoline Pumps Antiques</a></p>
<p><a href="antiques/gasoline-pumps-antiques/gasoline-pump-parts/gasoline-pump-parts-antiques.p hp" title="Antique Gas Pump Parts">Gasoline Pump Parts Antiques</a></p>
<p><a href="antiques/gasoline-pumps-antiques/reproduction-gasoline-pumps/reproduction-gasoline- pumps-antiques.php" title="Reproduction Gas Pump">Reproduction Gasoline Pumps Antiques</a></p>
<p><a href="antiques/gasoline-pumps-antiques/reproduction-gasoline-pump-parts/reproduction-gaso line-pump-parts-antiques.php" title="Reproduction Gas Pump Parts">Reproduction Gasoline Pump Parts Antiques</a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Glass Antiques</div>
<div class="AccordionPanelContent">
<p><a href="antiques/glass-antiques/agata-glass/antique-agata-glass.php" title="Agata Glass">Agata Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/amberina-glass/antique-amberina-glass.php" title="Amberina Glass">Amberina Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/baccarat-glass/antique-baccarat-glass.php" title="Baccarat Glass">Baccarat Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/bohemian-glass/antique-bohemian-glass.php" title="Bohemian Glass">Bohemian Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/bristol-glass/bristol-glass-antiques.php" title="Bristol Glass">Bristol Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/cambridge-glass/antique-cambridge-glass.php" title="Cambridge Glass">Cambridge Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/cameo-glass/antique-cameo-glass.php">Cameo Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/cambridge-glass/antique-cambridge-glass.php" title="Carnival Glass">Carnival Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/cranberry-glass/cranberry-glass-antiques.php" title="Cranberry Glass">Cranberry Glass Antique</a></p>
<p><a href="antiques/glass-antiques/cut-glass/cut-glass-antiques.php" title="Cut Glass">Cut Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/depression-glass/depression-glass-antiques.php" title="Depression Glass">Depression Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/duncan-and-miller-glass/duncan-and-miller-glass-antiques.ph p" title="Duncan and Miller Glass">Duncan and Miller Glass - Antique</a></p>
<p><a href="antiques/glass-antiques/eapg-early-ameCan you please post a example of what your are talking about? Here is another site I am using Spry on and this site works .. http://www.sub-zero-refrigeration.com
I think this is what you are refering too. Please let me know.
""""<script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="/Scripts/jquery-1.9.1.min.js" type"text/javascript"></script>
<script type="text/javascript">
window.AgMode = "publish";
cellRolloverColor="#a1a1a1";
cellColor="#c0c0c0";
</script>
</script>""""""
<!DOCTYPE HTML>
<html lang=en><!-- InstanceBegin template="/Templates/cityweather.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="head" -->
<title>Best AC / HVAC / Furnace Repair - Orland Park, Oak Lawn, Tinley Park, Frankfort, Oak Forest, IL </title>
<meta name="description" content="Sub Zero Refrigeration Heating and Air Conditioning is a furnace and AC repair contractor in Orland Park, Oak Lawn, Tinley Park, Oak Forest and Frankfort Il.">
<meta name="keywords" content="Repair, Heating, Air Conditioning, Refrigeration, Furnace, AC, Ice Maker, Ice Machine, Orland Park, Oak Lawn, Tinley Park, Oak Forest, Frankfort, Insatllation,Sales, Maintenance">
<style type="text/css">
body,td,th {
font-size: 100%;
</style>
<style type="text/css">
body {
margin-left: 5px;
margin-right: 5px;
</style>
<meta name="msvalidate.01" content="49FF257D7BCD932B5FFB37AA0138ED93" />
<meta name="msvalidate.01" content="D1F605709ED62957017E2ED7F48A35AF" />
<!-- InstanceEndEditable -->
<meta name="author" content="Ted Wagner" />
<meta name="google-site-verification" content="-iGiLKN5W90OD90NqAgOAjezTufISVwxh5QS9FFlwy0" />
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico" />
<link href="twoColFixLtHdr.css" rel="stylesheet" type="text/css">
<link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<meta name="DC.title" content="Sub Zero Refrigeration Heating and Air Conditioning" />
<meta name="geo.placename" content="3662 147th St, Midlothian, IL 60445, USA" />
<meta name="geo.position" content="41.625766;-87.710394" />
<meta name="geo.region" content="US-IL" />
<meta name="ICBM" content="41.625766, -87.710394" />
<meta name="rating" content="general" />
<script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="/Scripts/jquery-1.9.1.min.js" type"text/javascript"></script>
<script type="text/javascript">
window.AgMode = "publish";
cellRolloverColor="#a1a1a1";
cellColor="#c0c0c0";
</script>
</script>
<!--[if lt IE 7.]> <script defer type="text/javascript" src="../resources/js/pngfix.js"></script> <![endif]-->
<!--[if gt IE 6]> <link rel="stylesheet" href="../resources/css/ie7.css"></link> <![endif]-->
<!--[if lt IE 7.]> <link rel="stylesheet" href="../resources/css/ie6.css"></link> <![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23232524-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script></head>
<body>
<div class="container">
<div class="header"><img src="/Assets/Images/Subby.gif" width="125" height="190" alt="Sub Zero Refrigeration Heating and Air Conditioning Suburban Chicago Logo"><!-- end .header --><img src="/Assets/Images/HeaderOriginal.jpg" alt="Sub Zero Refrigeration Heating and Air Conditioning Repair Services Chicago Illinois." width="835" height="190" border="0" usemap="#Map2">
<map name="Map2">
<area shape="rect" coords="5,4,827,179" href="/index.html" alt="Sub Zero Refrigeration Heating and Air Conditioning Midlothian Illinois 708-385-2418">
</map>
</div>
<div class="header">
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a href="/airconditioning.html" class="MenuBarItemSubmenu">Cooling</a>
<ul>
<li><a href="/residentialairconditioning.html" class="MenuBarItemSubmenu">Residential Air Conditioning</a>
<ul>
<li><a href="/installac.html">Installation</a></li>
<li><a href="/repairairconditioning.html">Repair</a></li>
<li><a href="/salesairconditioning.html">Sales</a></li>
<li><a href="/maintainac.html">Maintenance</a></li>
<li><a href="/financing.html">Financing</a></li>
</ul>
</li>
<li><a href="/commercial-rooftop-products.html" class="MenuBarItemSubmenu">Commercial Air Conditioning</a>
<ul>
<li><a href="/commercial-rooftop-installation.html">Installation</a></li>
<li><a href="/commercial-rooftop-repair.html">Repair</a></li>
<li><a href="/commercial-rooftop-sales.html">Sales</a></li>
<li><a href="/maintaincommercialrooftop.html">Maintenance</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="/heating.html" class="MenuBarItemSubmenu">Heating</a>
<ul>
<li><a href="/residentialheating.html" title="Residential Furnace Products" class="MenuBarItemSubmenu">Residential Heating</a>
<ul>
<li><a href="/furnace-installation.html">Installation</a></li>
<li><a href="/repairfurnace.html">Repair</a></li>
<li><a href="/salesfurnace.html">Sales</a></li>
<li><a href="/maintainfurnace.html">Maintenance</a></li>
<li><a href="/financing.html">Financing</a></li>
</ul>
</li>
<li><a href="/heat-pump-products.html" class="MenuBarItemSubmenu">Residential Heat Pump</a>
<ul>
<li><a href="/heat-pump-installation.html">Installation</a></li>
<li><a href="/repairheatpump.html">Repair</a></li>
<li><a href="/salesheatpump.html">Sales</a></li>
<li><a href="/maintainheatpump.html">Maintenance</a></li>
<li><a href="/financing.html">Financing</a></li>
</ul>
</li>
<li><a href="/commercial-rooftop-products.html" class="MenuBarItemSubmenu">Commercial Heating</a>
<ul>
<li><a href="/commercial-rooftop-installation.html">Installation</a></li>
<li><a href="/commercial-rooftop-repair.html">Repair</a></li>
<li><a href="/commercial-rooftop-sales.html">Sales</a></li>
<li><a href="/commercial-rooftop-maintenance.html">Maintenance</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="/refrigeration.html" class="MenuBarItemSubmenu">Refrigeration</a>
<ul>
<li><a href="/walk-in-cooler-products.html" class="MenuBarItemSubmenu">Walk In Cooler</a>
<ul>
<li><a href="/walk-in-cooler-installation.html">Installation</a></li>
<li><a href="/walk-in-cooler-repair.html">Repair </a></li>
<li><a href="/walk-in-cooler-sales.html">Sales</a></li>
<li><a href="/walk-in-cooler-maintenance.html">Maintenance</a></li>
</ul>
</li>
<li><a href="/walk-in-freezer-products.html" class="MenuBarItemSubmenu">Walk In Freezer</a>
<ul>
<li><a href="/walk-in-freezer-installation.html">Installation</a></li>
<li><a href="/walk-in-freezer-repair.html">Repair</a></li>
<li><a href="/walk-in-freezer-sales.html">Sales</a></li>
<li><a href="/walk-in-freezer-maintenance.html">Maintenance</a></li>
</ul>
</li>
<li><a href="/reach-in-cooler-products.html" class="MenuBarItemSubmenu">Reach In Cooler </a>
<ul>
<li><a href="/reach-in-cooler-installation.html">Installation</a></li>
<li><a href="/reach-in-cooler-repair.html">Repair</a></li>
<li><a href="/reach-in-cooler-sales.html">Sales</a></li>
<li><a href="/reach-in-cooler-maintenance.html">Maintenance</a></li>
</ul>
</li>
<li><a href="/reach-in-freezer-products.html" class="MenuBarItemSubmenu">Reach In Freezer</a>
<ul>
<li><a href="/reach-in-freezer-installation.html">Installation</a></li>
<li><a href="/reach-in-freezer-repair.html">Repair</a></li>
<li><a href="/reach-in-freezer-sales.html">Sales</a></li>
<li><a href="/reach-in-freezer-maintenance.html">Maintenance</a></li>
</ul>
</li>
<li><a href="/floral-cooler-products.html" class="MenuBarItemSubmenu">Floral Cooler</a>
<ul>
<li><a href="/floral-cooler-installation.html">Installation</a></li>
<li><a href="/floral-cooler-repair.html">Repair</a></li>
<li><a href="/floral-cooler-sales.html">Sales</a></li>
<li><a href="/floral-cooler-maintenance.html">Maintenance</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="/icemachine.html" class="MenuBarItemSubmenu">Ice Maker</a>
<ul>
<li><a href="/hoshizakiicemachines.html" class="MenuBarItemSubmenu">Hoshizaki Ice Machine</a>
<ul>
<li><a href="/hoshizaki-ice-machine-installation.html">Installation</a></li>
<li><a href="/hoshizaki-ice-machine-repair.html">Repair</a></li>
<li><a href="/hoshizaki-ice-machine-sales.html">Sales</a></li>
<li><a href="/hoshizaki-ice-machine-maintenance.html">Maintenance</a></li>
</ul>
</li>
<li><a href="/manitowocicemachine.html" class="MenuBarItemSubmenu">Manitowoc Ice Machine</a>
<ul>
<li><a href="/manitowoc-ice-machine-installation.html">Installation</a></li>
<li><a href="/manitowoc-ice-machine-repair.html">Repair</a></li>
<li><a href="/manitowoc-ice-machine-sales.html">Sales</a></li>
<li><a href="/manitowoc-ice-machine-maintenance.html">Maintenance</a></li>
</ul>
</li>
<li><a href="/scotsmanicemachines.html" class="MenuBarItemSubmenu">Scotsman Ice Machine</a>
<ul>
<li><a href="/scotsman-ice-machine-installation.html">Installation</a></li>
<li><a href="/scotsman-ice-machine-repair.html">Repair</a></li>
<li><a href="/scotsman-ice-machine-sales.html">Sales</a></li>
<li><a href="/scotsman-ice-machine-maintenance.html">Maintenance</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="/iaq.html" class="MenuBarItemSubmenu"> Air Quality</a>
<ul>
<li><a href="/iaqeac.html">Electronic Air Cleaner</a></li>
<li><a href="/iaqaprilairehumidifier.html">Humidifier</a></li>
<li><a href="/iaquvlights.html">UV Germicidal Lights</a></li>
</ul>
</li>
<li><a href="/jobphotos.html" class="MenuBarItemSubmenu">Job Photos</a>
<ul>
<li><a href="/jobphotoscommercialrooftop.html">Commercial Rooftop Heating and Air Conditioning Photos</a></li>
<li><a href="/jobphotoscommercialrefrigeration.html">Commercial Refrigeration Photos</a></li>
<li><a href="/jobphotoscommercialicemachine.html">Commercial Ice Machine Photos</a></li>
<li><a href="/jobphotosairconditioning.html">Residential Air Conditioning Photos</a></li>
<li><a href="/jobphotosfurnace.html">Residential Heating Photos</a></li>
<li><a href="/jobphotosnaturalgasairconditioning.html">Natural Gas Air Conditioning Photos</a></li>
<li><a href="/jobphotosmitsubishimrslim.html">Mitsubishi Mr Slim Ductless Heating and Ductless Air Conditioner Job Photos</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Boiler Photos</a>
<ul>
<li><a href="/jobphotoscommercialboiler.html">Commercial Boiler Photos</a></li>
<li><a href="/jobphotosresidentialboiler.html">Residential Boiler Photos</a></li>
</ul>
</li>
<li><a href="/jobphotosheatpump.html">Heat Pump Photos</a></li>
<li><a href="/jobphotosindoorairquality.html">Indoor Air Quality Photos</a></li>
<li><a href="/jobphotossheetmetalonsite.html">Sheet Metal Made On-Site Job Photos</a></li>
<li><a href="/jobphotoscranelift.html">Crane Lift Job Photos</a></li>
<li><a href="/otherphotos.html">Other Miscellaneous Sub Zero Refrigeration Photos</a></li>
<li><a href="/Assets/Videos/videos.html">Sub Zero Refrigeration Heating and Air Conditioning Videos</a></li>
</ul>
</li>
<li><a href="/savings.html" class="MenuBarItemSubmenu">Savings</a>
<ul>
<li><a href="/monthlyspecials.html">Monthly Specials</a></li>
<li><a href="/rebate.html">Manufacturers Rebates</a></li>
<li><a href="/furnacerebates.html" class="MenuBarItemSubmenu">Utility Company Rebates</a>
<ul>
<li><a href="/comed.html">Com Ed</a></li>
<li><a href="/nicor.html">Nicor</a></li>
</ul>
</li>
<li><a href="/websitecoupons.html">Website Coupons</a></li>
</ul>
</li>
<li><a href="/aboutus.html" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="/chicago-service-area.html">Our Service Area</a></li>
<li><a href="/ourmissionstatement.html">Our Mission Statement</a></li>
<li><a href="/ourfamily.html">Our Family</a></li>
<li><a href="/employees.html" class="MenuBarItemSubmenu">Our Staff</a>
<ul>
<li><a href="/budwagner.html">Bud Wagner</a></li>
<li><a href="/timwagner.html">Tim Wagner</a></li>
<li><a href="/daveallen.html">Dave Allen</a></li>
<li><a href="/larryskarr.html">Larry Skarr</a></li>
<li><a href="/terryburke.html">Terry Burke</a></li>
<li><a href="/nikooplt.html">Niko Oplt</a></li>
<li><a href="/ginaames.html">Gina Ames</a></li>
<li><a href="/laurakane.html">Laura Kane</a></li>
</ul>
</li>
<li><a href="/whychoosesubzero.html" class="MenuBarItemSubmenu">Why Choose Sub Zero Refrigeration?</a>
<ul>
<li><a href="/ourreviews.html">Our Reviews and Testimonials</a></li>
<li><a href="/ourcompetitionsreviews.html">Some of Our Competitions Reviews</a></li>
<li><a href="/americanstandardcustomercaredealer.html">American Standard Customer Care Dealer</a></li>
<li><a href="/customersurveys.html">American Standard Customer Satisfaction Surveys</a></li>
<li><a href="/betterbusinessbureau.html">The Better Business Bureau</a></li>
</ul>
</li>
<li><a href="/hvac-careers.html" class="MenuBarItemSubmenu">HVACR Careers</a>
<ul>
<li><a href="/hvac-technician-jobs.html">HVAC Technician</a></li>
<li><a href="/hvac-installer-jobs.html">HVAC/R Technician</a></li>
<li><a href="/hvacr-installer-jobs.html">HVAC/R Installer</a></li>
<li><a href="/hvac-sales-jobs.html">HVAC/R Sales</a></li>
<li><a href="/hvacr-jobs.html">Commercial Refrigeration Technician</a></li>
</ul>
</li>
<li><a href="/helpfullinks.html">Helpful Links</a></li>
<li><a href="/favorite-sites.html">Our Favorite Websites</a></li>
<li><a href="/easilyleaveusareview.html" class="MenuBarItemSubmenu">Easily Leave Us a Review</a>
<ul>
<li><a href="http://local.yahoo.com/info-84317831-sub-zero-refrigeration-midlothian" target="_blank">On "Yahoo Local"</a></li> <li><a href="http://www.yelp.com/biz/sub-zero-refrigeration-midlothian-2" target="_blank">On "Yelp"</a></li>
<li><a href="http://www.merchantcircle.com/business/Sub.Zero.Refrigeration.708-385-2418" target="_blank">On "Merchant Circle"</a></li>
<li><a href="https://plus.google.com/108215910665703095824/about?gl=us&hl=en" target="_new">On "Google Places"</a></li>
<li><a href="http://www.bing.com/local/details.aspx?lid=YN270x5360008" target="_blank">On "Bing"</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="/contactus.html">Contact </a></li>
</ul></div>
<table width="952" border="1" cellspacing="5">
<tr>
<th colspan="2" scope="col"><table width="942" border="1" align="center" cellspacing="5">
<tr>
<td><div align="center"><a href="/repairairconditioning.html"><img src="/Assets/Images/air-conditioner-repair.jpg" width="85" height="103" alt="Air Conditioning Repair Orland Park, Oak Lawn, Tinley Park, Oak Forest, Frankfort, IL"></a></div></td>
<td><div align="center"><a href="/repairfurnace.html"><img src="/Assets/Images/furnace-repair.jpg" width="85" height="103" alt="Furnace Repair by Sub Zero Refrigeration"></a></div></td>
<td><div align="center"><a href="/repairheatpump.html"><img src="/Assets/Images/heat-pump-repair.jpg" width="85" height="103" alt="Heat Pump Repair by Sub Zero Refrigeration"></a></div></td>
<td><div align="center"><a href="/repairiaq.html"><img src="/Assets/Images/humidifier-repair.jpg" width="103" height="103" alt="Humidifier Repair by Sub Zero Refrigeration"></a></div></td>
<td><div align="center"><a href="/schedule-a-free-estimate.html"><img src="/Assets/Images/estimate_1.png" width="158" height="85" alt="Schedule a Free Estimate Online for Sub Zero Refrigeration"></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="/repairairconditioning.html">Air Conditioning Repair</a></div></td>
<td><div align="center"><a href="/repairfurnace.html">Heating Repair</a></div></td>
<td><div align="center"><a href="/repairheatpump.html">Heat Pump Repair</a></div></td>
<td><div align="center"><a href="/repairiaq.html">Humidifier Repair</a></div></td>
<td><div align="center"><a href="/schedule-a-free-estimate.html">Schedule Estimate</a></div></td>
</tr>
<tr>
<td><div align="center"><a href="/repairrooftop.html"><img src="/Assets/Images/commercial-rooftop-air-conditioning-repair.jpg" width="141" height="103" alt="Commercial Air Conditioning Repair by Sub Zero Refrigeration"></a></div></td>
<td><div align="center"><a href="/refrigeration-repair.html"><img src="/Assets/Images/refrigeration-repair.jpg" width="103" height="103" alt="Commercial Refrgeration Repair by Sub Zero Refrigeration"></a></div></td>
<td><div align="center"><a href="/commercial-ice-maker-repair.html"><img src="/Assets/Images/ice-machine-repair.jpg" width="103" height="103" alt="Commercial Ice Maker Repair by Sub Zero Refrigeration"></a></div></td>
<td><div align="center"><a href="/walk-in-cooler-repair.html"><img src="/Assets/Images/Beer_Cave_Booth.jpg" width="150" height="100" alt="Commercial Walk in Cooler Repair by Sub Zero Refrigeration"></a></div></td>
<td><div align="center"><a href="/schedule-a-free-estimate.html"><img src="/Assets/Images/service_1.png" alt="Schedule a Service Call online for Sub Zero Refrigeration" width="105" height="90"></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="/repairrooftop.html">Commercial AC Repair</a></div></td>
<td><div align="center"><a href="/refrigeration-repair.html">Refrigeration Repair</a></div></td>
<td><div align="center"><a href="/commercial-ice-maker-repair.html">Ice Maker Repair</a></div></td>
<td><div align="center"><a href="/walk-in-cooler-repair.html">Walk in Cooler Repair</a>
</div></td>
<td><div align="center"><a href="/sales.html">Schedule Service</a></div></td>
</tr>
</table></th>
</tr>
</table>
<!-- InstanceBeginEditable name="Main Content" -->
<table width="940" border="1" align="right" cellpadding="5" cellspacing="4">
<tr>
<td colspan="2" scope="col"><h1>Sub Zero Refrigeration Heating and Air Conditioning serving Orland Park, Oak Lawn, Tinley Park, Frankfort, Oak Forest, Midlothian and surrounding areas.</h1>
<h3>Sub Zero Refrigeration Heating and Air Conditioning has been family owned and operated for over 40 years. We like to think of ourselves as one of the best heating and air conditioning contractors in Chicago.</h3>
<h2><strong>Sub Zero Refrigeration <a href="repairfurnace.html">Heating Repair</a> and <a href="repairairconditioning.html">Air Conditioning Repair</a></strong></h2>
<p>Sub Zero Refrigeration is a full service Refrigeration Heating and Air Conditioning or HVAC repair company providing quality workmanship and superb customer service. Sub Zero offers you the best in heating repair, air conditioning repair, refrigeration and HVAC services to include: installation, repair, sales and maintenance of all major refrigeration, AC and heating equipment and indoor air quality products. We are a local Chicago heating and air conditioning, commercial refrigeration, service and repair company large enough to get the job done and small enough for you to know we care about our commercial and residential customers. Our central location of <a href="../midlothian.html">Midlothian</a> Illinois allows us to provide fast reliable repair service to all of the <a href="ourservicearea.html">Chicago Suburban cities</a> and towns such as <a href="../orlandpark.html">Orland Park</a>, <a href="../oaklawn.html">Oak Lawn</a>, <a href="../tinleypark.html">Tinley Park</a>, <a href="frankfort.html">Frankfort IL</a>, <a href="../oakforest.html">Oak Forest</a>, <a href="../newlenox.html">New Lenox</a> and <a href="ourservicearea.html">surrounding communities</a>.</p></td>
</tr>
<tr>
<td colspan="2" scope="col"> </td>
</tr>
<tr>
<td width="649" scope="col"><h2><strong><a href="repairairconditioning.html">Air Conditioning Repair Service</a></strong></h2>
<p>Sub Zero Refrigeration Heating and Air Conditioning is a <a href="repairairconditioning.html">full service air conditioning repair</a> company providing <a href="repairrooftop.html">commercial</a> and <a href="repairairconditioning.html">residential service</a>, <a href="installac.html">installation</a>, <a href="repairairconditioning.html">repair</a>, <a href="salesairconditioning.html">sales</a> and <a href="maintainac.html">maintenance</a> to <a href="ourservicearea.html">Suburban Chicago towns</a> including <a href="alsip.html">Alsip</a>, <a href="burbank.html">Burbank IL</a>, <a href="burrridge.html">Burr Ridge</a>, <a href="chicagoridge.html">Chicago Ridge</a>, <a href="countryside.html">Countryside</a> and <a href="ourservicearea.html">surrounding communities</a>.<br>
Read More>> <a href="repairairconditioning.html">AC Repair Service</a></p></td>
<th width="285" valign="top" scope="col"><div align="center">
<p><a href="repairairconditioning.html"><img src="/Assets/Images/air-conditioning-repair-services.png" width="270" height="200" alt="Air Conditioning Repair Services"></a></p>
<p><a href="repairairconditioning.html">Air Conditioning Repair Service</a></p>
</div></th>
</tr>
<tr>
<td scope="col"><h2><strong><a href="repairfurnace.html">Heating Repair Service</a></strong></h2>
<p>Sub Zero Refrigeration Heating and Air Conditioning is a full service <a href="repairfurnace.html">heating repair</a> or <a href="repairfurnace.html">furnace repair</a> company providing <a href="commercial-rooftop-repair.html">commercial HVAC repair</a> and <a href="repair.html">residential HVAC service</a>, <a href="furnace-installation.html">installation</a>, <a href="repairfurnace.html">repair</a>, <a href="salesfurnace.html">sales</a> and <a href="maintainfurnace.html">maintenance</a> to <a href="ourservicearea.html">Suburban Chicago towns</a> including <a href="crestwood.html">Crestwood</a>, <a href="darien.html">Darien</a>, <a href="evergreenpark.html">Evergreen Park</a>, <a href="flossmoor.html">Flossmoor</a>, <a href="frankfort.html">Frankfort IL</a> and <a href="ourservicearea.html">surrounding communities</a>.<br>
Read More>> <a href="repairfurnace.html">Heating Repair Service</a></p></td>
<th valign="top" scope="col"><div align="center">
<p><a href="repairfurnace.html"><img src="/Assets/Images/heating-repair-services.png" width="270" height="200" alt="Heating Repair Services"></a></p>
<p><a href="repairfurnace.html">Heating Repair Service</a></p>
</div></th>
</tr>
<tr>
<td scope="col"><h2><strong><a href="walk-in-cooler-repair.html">Commercial Refrigeration Repair Service</a></strong></h2>
<p>Sub Zero Refrigeration Heating and Air Conditioning is a full service <a href="refrigeration-repair.html">refrigeration repair</a> company providing <a href="refrigeration-repair.html">service</a>, <a href="refrigeration.html">installation</a>, <a href="refrigeration-repair.html">repair</a>, <a href="refrigeration-sales.html">sales</a> and <a href="maintaincommercialrefrig.html">maintenance</a> to <a href="ourservicearea.html">Suburban Chicago towns</a> including <a href="hickoryhills.html">Hickory Hills</a>, <a href="hinsdale.html">Hinsdale</a>, <a href="homerglen.html">Homer Glen</a>, <a href="homerglen.html">Goodings</a>, <a href="hometown.html">Hometown</a>, <a href="homewood.html">Homewood</a> and <a href="ourservicearea.html">surrounding communities</a>. <br>
Read More>> <a href="/refrigeration-repair.html">Commercial Refrigeration Repair Service</a></p></td>
<th valign="top" scope="col"><div align="center">
<p><img src="/commercial-refrigeration-repair.png" width="270" height="200" alt="Commercial Refrieration Repair"></p>
<p><a href="/refrigeration-repair.html"> Refrigeration Repair Service</a></p>
</div></th>
</tr>
<tr>
<td scope="col"><h2><strong><a href="iaqaprilairehumidifier.html">Humidifier Repair Service</a></strong></h2>
<p>Sub Zero Refrigeration Heating and Air Conditioning is a factory authorize Trane, Honeywell and Aprilaire sales, <a href="iaqaprilairehumidifier.html">installation</a> and <a href="iaqaprilairehumidifier.html">service company</a> in the <a href="ourservicearea.html">Suburban Chicago</a> towns including <a href="lagrange.html">La Grange</a>, <a href="lagrangepark.html">La Grange Park</a>, <a href="lemont.html">Lemont</a>, <a href="lockport.html">Lockport</a>, <a href="manhattan.html">Manhattan IL</a>, <a href="midlothian.html">Midlothian</a>, <a href="mokena.html">Mokena</a>, <a href="monee.html">Monee</a> and surrounding <a href="chicago.html">Chicago</a> <a href="ourservicearea.html">communities.</a><br>
Read More>> <a href="iaqaprilairehumidifier.html">Humidifier Repair Service</a></p></td>
<th valign="top" scope="col"><div align="center">
<p><a href="repairairconditioning.html"><img src="http://www.sub-zero-refrigeration.com/Assets/Images/humidifier-repair.jpg" alt="Humidifier Repair by Sub Zero Refrigeration" height="250" width="250"></a></p>
<p><a href="iaqaprilairehumidifier.html">Humidifier Repair Service</a></p>
</div></th>
</tr>
<tr>
<td scope="col"><h2><strong><a href="walk-in-cooler-repair.html">Walk in Cooler Repair Service</a></strong> <a href="walk-in-freezer-repair.html"><strong>Walk in Freezer Repair Service</strong></a></h2>
<p>Sub Zero Refrigeration Heating and Air Conditioning is a <a href="walk-in-cooler-repair.html">full service walk in cooler and freezer repair</a> company providing <a href="repairrooftop.html">commercial service</a>, <a href="walk-in-cooler-repair.html">installation</a>, <a href="repairairconditioning.html">repair</a>, <a href="walk-in-cooler-sales.html">sales</a> and <a href="walk-in-freezer-maintenance.html">maintenance</a> to <a href="ourservicearea.html">Suburban Chicago towns</a> including <a href="newlenox.html">New Lenox</a>, <a href="oakforest.html">Oak Forest</a>, <a href="oaklawn.html">Oak Lawn</a>, <a href="orlandhills.html">Orland Hills</a>, <a href="orlandpark.html">Orland Park</a>, <a href="palosheights.html">Palos Heights</a>, <a href="paloshills.html">Palos Hills</a> and <a href="ourservicearea.html">surrounding communities.</a><br>
Read More>> <a href="walk-in-cooler-repair.html">Walk in Cooler Repair Service</a> <a href="walk-in-freezer-repair.html">Walk in Freezer Repair Service</a></p></td>
<th valign="top" scope="col"><div align="center">
<p><a href="repairairconditioning.html"><img src="/Assets/Images/nikohome.png" width="270" height="145" alt="Air Conditioning Repair Services"></a></p>
<p><a href="walk-in-cooler-repair.html">Walk in Cooler Repair Service</a></p>
<p><a href="walk-in-freezer-repair.html">Walk in Freezer Repair Service </a></p>
</div></th>
</tr>
<tr>
<td scope="col"><p><a href="reach-in-cooler-repair.html"><strong>Commercial Refrigerator Repair</strong></a><strong> and <a href="reach-in-freezer-repair.html">Commercial Freezer Repair </a></strong><a href="reach-in-freezer-repair.html"></a><br>
Sub Zero Refrigeration Heating and Air Conditioning is a <a href="repairairconditioning.html">full service refrigeration repair</a> company providing <a href="reach-in-cooler-repair.html">reach in cooler service</a> and <a href="reach-in-freezer-repair.html">reach in freezer service</a>, <a href="reach-in-freezer-installation.html">reach in installation</a>, <a href="reach-in-freezer-repair.html">reach in repair</a>, <a href="reach-in-cooler-sales.html">reach in sales</a> and <a href="reach-in-cooler-maintenance.html">reach in maintenance</a> to Suburban <a href="chicago.html">Chicago</a> towns including <a href="palospark.html">Palos Park</a>, <a href="peotone.html">Peotone</a>, <a href="steger.html">Steger</a>, <a href="tinleypark.html">Tinley Park</a>, <a href="willowsprings.html">Willow Springs</a>, Willowbrook, <a href="worth.html">Worth</a> and <a href="ourreviews.html">surrounding communities</a>.<br>
Read More>> <a href="repairairconditioning.html"></a><a href="reach-in-cooler-repair.html">Commercial Refrigerator Repair</a> and <a href="reach-in-freezer-repair.html">Commercial Freezer Repair </a></p></td>
<th valign="top" scope="col"><div align="center">
<p><a href="repairairconditioning.html"><img src="/Assets/Images/DSCF0092.png" width="243" height="177" alt="Air Conditioning Repair Services"></a></p>
<p><a href="walk-in-cooler-repair.html">Commercial Refigeration Repair Service</a></p>
</div></th>
</tr>
<tr>
<td colspan="2" scope="col"><p>Blog Updates Coming Soon.</p></td>
</tr>
</table>
<tr>
<td width="809"><!-- InstanceEndEditable -->
<!-- end .content -->
<!--Page Footer-->
<div align="left" class="footerblue" id="footer"> </div>
<div align="center" class="footerblue" id="footer">
<table width="900" border="0" align="center" cellpadding="5" cellspacing="3" bgcolor="#B7E4EA" id="background_blue">
<tr align="center" class="background_blue" style="text-align: center;">
<td valign="middle" class="table_blue_background" id="background_blue" scope="col"><p align="center" class="background_blue"><a href="/schedule-a-free-estimate.html"><img src="/Assets/Images/service_1.png" alt="Schedule a Service Call online for Sub Zero Refrigeration" width="105" height="85"></a></a></td>
<td valign="middle" class="table_blue_background" id="background_blue" scope="col"><p align="center" class="background_blue"><a href="https://www.facebook.com/subzerorefrig" target="_new"><img src="/Assets/Images/facebook.png" alt="Find us on Facebook Sub Zero Refrigeration " name="background_blue2" width="100" height="100" id="background_blue2" /></a></p></td>
<td id="background_blue" scope="col"><a href="http://www.twitter.com/subzerorefrig" target="_new"><img src="/Assets/Images/twitter_follow.gif" alt="Follow us on Twitter Sub Zero Refrigeration" width="89" height="45" border="0" class="background_blue" /></a></td>
<td id="background_blue" scope="col"><div align="center"><a href="http://www.youtube.com/user/mrsubzerorefrig" target="_new"><img src="/Assets/Images/you-tube.jpg" width="75" height="75" alt="Watch us on YouTube Sub Zero Refrigeration" longdesc="http://www.youtube.com/mrsubzerorefrig"></a></div></td>
<td id="background_blue" scope="col"><div align="center"><a href="https://plus.google.com/108215910665703095824/about?gl=us&hl=en" target="_new"><img src="/Assets/Images/google+.png" width="100" height="100" alt="Review Us on Google Plus Sub Zero Refrigeration " longdesc="https://plus.google.com/u/0/108598412013907889976/posts"></a></div></td>
<td id="background_blue" scope="col"><div align="center"><a href="http://www.bbb.org/chicago/business-reviews/heating-and-air-conditioning/sub-zero-refriger ation-in-midlothian-il-7695" target="_new"><img src="/Assets/Images/BBB.png" width="133" height="75" alt=" Sub Zero Refrigeration and Chicago Better Business Bureau"></a></div></td>
<td id="background_blue" scope="col"><div align="center"><a href="/schedule-a-free-estimate.html"><img src="/Assets/Images/estimate_1.png" width="158" height="85" alt="Schedule a Free Estimate Online for Sub Zero Refrigeration"></a></a></div></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="footerblue">
<tr>
<th class="footerblue" style="font-family: Arial, Helvetica, sans-serif" scope="col"><div align="left"><span class="footer"><img src="/Assets/Images/truck.jpg" alt="Sub Zero Refrigeration Heating and Air Conditioning Chicago" width="240" height="109" align="left"></span><span class="footerblue" style="font-family: Arial, Helvetica, sans-serif"><span class="footer"><img src="/Assets/Images/footer_right.jpg" alt="Sub Zero Refrigeration Heating and Air Conditioning" width="717" height="109" align="left"></span></span>
</div>
<p class="footer">QUICK LINKS</p>
<p class="footer"><a href="/index.html" >Home</a> | <a href="/financing.html">Financing</a> | <a href="/aboutus.html">About Us</a> | <a href="/repair.html" >Repair</a> | <a href="/sales.html" >Sales</a> | <a href="/maintain.html" >Maintenance</a> | <a href="/products.html" >Products</a> | <a href="/jobphotos.html" >Our Job Photos</a> | <a href="/savings.html" >Cool Savings</a> | <a href="/social.html" target="_new">Social</a> | <a href="/contactus.html" >Contact Us</a> | <a href="/schedule-a-free-estimate.html" >Schedule Free New Equipment Estimate</a> | <a href="/schedule-a-free-estimate.html">Schedule Service</a><br>
<a href="/repairairconditioning.html">Air Conditioning Repair</a> | <a href="/repairfurnace.html" >Heating Repair</a> | <a href="repairheatpump.html">Heat Pump Repair</a> | <a href="/repairiaq.html" >Humidifier Repair</a><br>
<a href="/repairrooftop.html">Commercial Air Conditioning Repair</a> | <a href="/refrigeration-repair.html" >Refrigeration Repair</a> | <a href="/commercial-ice-maker-repair.html" > Ice Maker Repair</a> | <a href="/walk-in-cooler-repair.html">Walk In Cooler Repair</a><br />
</p>
<div>
<div align="center">
</div>
<address align="center" class="footer">Sub Zero Refrigeration is located at 3662 147th St. Midlothian, Illinois 60445</address> <p align="center" class= "footer"> Our suburban Chicago refrigeration heating and air conditioning repair service provides professional service throughout <a href="/orlandpark.html">Orland Park</a> | <a href="/oaklawn.html">Oak Lawn</a> | <a href="/tinleypark.html">Tinley Park</a> | <a href="/oakforest.html">Oak Forest</a> | <a href="/frankfort.html">Frankfort, IL</a> | <a href="newlenox.html">New Lenox</a> and <a href="/ourservicearea.html">The Suburbs</a>. Read our<a href="https://plus.google.com/108215910665703095824/about?gl=us&hl=en" target="_new"> Reviews on Google+ Local</a>, <a href="http://bit.ly/ND2dsc" target="_new">Yelp Reviews</a>, <a href="http://bit.ly/LDEY6c" target="_new">Insider Pages</a>, and <a href="http://bit.ly/MUC9eG">Chicago City Search Reviews</a>, on-line. Come visit our office in <a href="/midlothian.html">Midlothian, IL.</a> <br>
<a href="alsip.html">Alsip Refrigeration and Ice Machines</a> <a href="burbank.html">Burbank Refrigeration and Ice Machines</a> <a href="burrridge.html">Burr Ridge Refrigeration and Ice Machines</a> <a href="chicagoridge.html">Chicago Ridge Refrigeration and Ice Machines</a> <a href="countryside.html">Countryside Refrigeration and Ice Machines</a> <a href="crestwood.html">Crestwood Refrigeration and Ice Machines</a> <a href="darien.html">Darien Refrigeration and Ice Machines</a> <a href="evergreenpark.html">Evergreen Park Refrigeration and Ice Machines</a> <a href="flossmoor.html">Flossmoor Refrigeration and Ice Machines</a> <a href="frankfort.html">Frankfort Refrigeration and Ice Machines</a> <a href="hickoryhills.html">Hickory Hills Refrigeration and Ice Machines</a> <a href="hinsdale.html">Hinsdale Refrigeration and Ice Machines</a> <a href="homerglen.html">Homer Glen Refrigeration and Ice Machines</a> <a href="homerglen.html">Goodings Refrigeration and Ice Machines</a> <a href="hometown.html">Hometown Refrigeration and Ice Machines</a> <a href="homewood.html">Homewood Refrigeration and Ice Machines</a> <a href="lagrange.html">La Grange Refrigeration and Ice Machines</a> <a href="lagrangepark.html">La Grange Park Refrigeration and Ice Machines</a> <a href="lemont.html">Lemont Refrigeration and Ice Machines</a> <a href="lockport.html">Lockport Refrigeration and Ice Machines</a> <a href="manhattan.html">Manhattan IL Refrigeration and Ice Machines</a> <a href="midlothian.html">Midlothian IL Refrigeration and Ice Machines</a> <a href="mokena.html">Mokena Refrigeration and Ice Machines</a> <a href="monee.html">Monee Refrigeration and Ice Machines</a> <a href="newlenox.html">New Lenox Refrigeration and Ice Machines</a> <a href="oakforest.html">Oak Forest Refrigeration and Ice Machines</a> <a href="oaklawn.html">Oak Lawn Refrigeration and Ice Machines</a> <a href="orlandhills.html">Orland Hills Refrigeration and Ice Machines</a> <a href="orlandpark.html">Orland Park Refrigeration and Ice Machines</a> <a href="palosheights.html">Palos Heights Refrigeration and Ice Machines</a> <a href="paloshills.html">Palos Hills Refrigeration and Ice Machines</a> <a href="palospark.html">Palos Park Refrigeration T</a><a href="tinleypark.html">inley Park Refrigeration and Ice Machines</a> <a href="willowsprings.html">Willow Springs Refrigeration and Ice Machine </a> <a href="willowbrook.html">Willowbrook Refrigeration and Ice Machines</a> <a href="worth.html">Worth Refrigeration and Ice Machines</a></p>
<p align="center" class="footer">2012© Sub Zero Refrigeration - Last Day Updated -
<!-- #BeginDate format:Am1 -->February 18, 2013<!-- #EndDate -->
<a href="/sitemap.xml">Site Map</a> | <a href="sub-zero-news.html">Sub Zero Refrigeration in the NEWS</a>
<p align="center" class="footer">Web-master Ted Wagner - Web designer Cherie White Cachampis</div></p></th>
</table>
<script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</div>
<!-- end .footer -->
</div>
<!-- end .container -->
</body>
<!-- InstanceEnd --></html> -
Hi,
I have a question. I am trying to get spry working with the
new lightbox version: shadowbox but somehow it doesn't work. Here
is my example page maybe someone has a solution.
http://www.jt.nl/media/ew/jtbioscopen/mark/trailers/index.htmlSorry if im not getting the explanations in these post but i
am having real trouble here.
I have a div id="ssc" that is hidden on a page (it is going
to have a detail region from a spry data set named rsSS)
I use thickbox to show that div.
On the main page i have a spry table with each row will have
an edit buttion. This edit button will open the thickbox. and
seeing that the edit button already getting repeated in each row,
by clicking on the button it sets the detail region because it is
in the row that has the onclick event that has the code to set the
detail region.
This code for the button works on other pages i have when it
isnt located in a spry region.
<input type="button" name="button4" id="button4"
value=">"
alt="#TB_inline?height=550&width=700&inlineId=ssc"
title="Add Invoice" class="thickbox"/>
But as soon as you put it in the Spry:Region=" rsSS" that no
longer works. Nothing happens not even an error.
Can someone help me with the coding
Here is my coding that is important
Head-
<script type="text/javascript"
src="../../Scripts/jquery.js"></script>
<script type="text/javascript"
src="../../Scripts/thickbox.js"></script>
<link rel="stylesheet" href="../../css/thickbox.css"
type="text/css" media="screen" />
<script src="../../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../../SpryAssets/SpryData.js"
type="text/javascript"></script>
var rsSS = new
Spry.Data.XMLDataSet("../../rstoxml/ssDetail.php?SubID=<?php
echo $row_rsSSphp['SubID']; ?>", "export/row",{useCache:false});
Body-
<div id="ssc" spry:region="ssCont rsSS">
<div spry:choose="choose">
<div spry:when="{ds_RowCount} == 0">
<table width="100%" cellpadding="2" cellspacing="0"
height="111" class="panelRating">
<tr>
<td height="69" align="center"
valign="middle"><strong>There are no
Contacts</strong></td>
</tr>
<tr>
<td height="40" align="center" valign="middle">
<input type="button" name="button3" id="button3"
value="Add Contact"
onclick="document.getElementById('apDiv1').style.display=(document.getElementById('apDiv1 ').style.display==
'block')?'none':'block';" /> </td>
</tr>
</table>
</div>
<div spry:when="{ds_RowCount} > 0">
<table width="100%" cellpadding="2" cellspacing="0"
class="paneltable">
<tr class="panelheaders">
<th width="4%" align="left"> </th>
<th width="20%" align="left"
spry:sort="SubCLName">Name</th>
<th width="15%" align="left">Phone</th>
<th width="9%" align="left">Ext:</th>
<th width="14%" align="left">Cell:</th>
<th width="19%" align="left">Email:</th>
<th width="19%" align="left"> </th>
</tr>
<tr spry:repeat="ssCont" spry:setrow="ssCont"
spry:odd="TBRowOdd" spry:even="TBRowEven" spry:hover="TBRowHover"
>
<td><input type="checkbox" name="DelC[]"
id="DelC[]" value="{ssContactID}" /></td>
<td align="left">{SubCLName}, {SubCFName}</td>
<td><div spry:choose="spry:choose">
<div spry:when="'{SubCPhone}' >
''">{SubCPhone}</div>
<div
spry:default="spry:default">{rsSS::SubPhone}</div>
</div></td>
<td>{SubCExt}</td>
<td>{SubCCell}</td>
<td>{SubCEmail}</td>
<td><input type="button" name="button4"
id="button4" value=">"
alt="#TB_inline?height=550&width=700&inlineId=apDiv2"
title="Add Invoice" class="thickbox"/>
<input type="button" name="Outlook" id="Outlook"
value="Outlook"
onclick="MM_openBrWindow('../../Scripts/vcardSSC.php?ssContactID={ssContactID}','','width =200,height=100')"
/>
<input name="EmailContact" type="button"
id="EmailContact"
onclick="MM_openBrWindow('mailto:{SubCEmail}','','')"
value="Email"/></td>
</tr>
<tr>
<td align="center" valign="middle"
colspan="7"><input type="submit" name="ssContactDel"
id="ssContactDel" value="Delete" />
<input type="button" name="button3" id="button3"
value="Add Contact"
onclick="document.getElementById('apDiv1').style.display=(document.getElementById('apDiv1 ').style.display==
'block')?'none':'block';" /></td>
</tr>
</table>
</div>
</div>
</div> -
I'm working on a Spry accordian that will display text and
Flash audio players. Unfortunately, the Flash audio player only
shows within the default tab only-not any of the others. I believe
this is part of Flash trying to conserve system resources. Some
browsers don't give pages and windows that are in the background
(or not visible or "below the fold") any "resources." Only the
visible objects are given resources. So this I think also applys to
accordian windows other than the default. Ordinarily, refreshing a
regular page with Flash audio players scattered about would fix it,
but with a Spry accordian it just reverts back to the default tab.
Hope this makes sense.
Can anyone suggest a workaround?Hi,
what Spry version do you use? If you have Spry 1.4 we had a
bug for Accordion that was fixed on Spry1.5.
If your Spry version is 1.5 please give us an url to see your
problem.
Thanks,
Diana -
Why does my spry accordian look good in live view and switch back to default in safari
i am new to dreamweaver and have started my first page-
step one inserted a picture as a background
step 2 inserted a spry accordian and have spent hours trying to configure it - my dreamweaver wont allow me to type any information in the design view so i worked out how to get around that in the code - so i put in the labels - changed the font
then i got rid of any color by adding the hex value #0.0 (transparent) in the spryaccordian.css page - which has worked really well in the live view ( and works in opera) but when i check it in safari it has reverted back to the default settings - it hasnt even kept the font settings
i would also like to put quite a lot of information in the content panels (pictures, subscriber list, links ect, essentially whole pages) is this possible
hoping someone can help me
kind regards
mandy evansHave a look at the following, just copy and paste into a new document in code view.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<style>
html {
background-color: #FF9;
body {
width: 960px;
margin: auto;
.Accordion {
font: 14px "Comic Sans MS", cursive;
color: #090;
.AccordionPanelTab,
.AccordionPanelOpen .AccordionPanelTab,
.AccordionFocused .AccordionPanelTab,
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: transparent;
</style>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Gramps -
Hi
I'm trying to create a spry accordian menu for a navbar and am having some trouble.
This is the first time I've tried it so I would appreciate any help.
The Client would like the tabs to be:
Home
Students
High School Students
College Students
Professionals
Parents/Educators
Seminars
Bio
Q & A Blog
Testimonials
So all they would like High School Students and College Students to be child tabs underneath the parent tabs and all other tabs to be parent tabs.
They asked for a spry accordian.
They want the nav bar to be on the left.
Here is the link to the website online:
http://www.elynncohen.com/index2spry2.html#
and here are my questions:
1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
Any help would be much appreciated!
Thanks!!!
Here is my code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Your Career Direction Career and College Counseling</title>
<meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
<meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
"In-transition and considering new opportunities"
"Seeking to make a significant and meaningful career change" />
<meta name="Publisher" content="Your Career Direction, LLC" />
<meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
<meta name="Author" content="Lisa Mark" />
<meta name="Language" content="en-US" />
<meta name="distribution" content="global" />
<meta name="revisit-after" content="10 days" />
<meta name="Robots" content="All" />
<link rel="Index" href="index.html" />
<link rel="Site Map" href="sitemap.html" />
<script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
color: #000;
font-size: 100%;
line-height: 1.4;
background-image: url(images/background.gif);
background-repeat: repeat;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px;
.container .sidebar1 h3 {
padding-left: 0px;
color: #C60651;
font-size: x-large;
h1 strong {
color: #C60651;
font-size: 90%;
font-family: "Binary ITC Bold";
h1 strong em {
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #4E5869;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
border-right-width: thick;
border-left-width: thick;
border-right-style: solid;
border-left-style: solid;
border-right-color: #C60651;
border-left-color: #C60651;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
padding-top: 40px;
#Quote {
float: right;
clear: left;
margin-right: 1%;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: left;
width: 15%;
padding-bottom: 10px;
margin-top: 40px;
margin-left: 25px;
background-color: #FFF;
font-family: museo-sans;
arial;
max-width: 200px;
min-width: 180px;
.content {
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10;
font-family: museo-sans;
arial;
margin-top: 40px;
padding-right: 10px;
width: 50px;
font-size: large;
.container .content p {
padding-top: 0px;
.sidebar2 {
float: left;
width: 20%;
background-color: #D3CCB2;
margin-top: 40px;
padding-top: 10px;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
border-right-width: 5px;
font-family: museo-sans;
arial;
font-size: 90%;
right: 12%;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding-top: 0px;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 40px;
font-family: museo-sans; arial;
font-size: 100%;
color: #666;
.container .content p {
font-family: museo-sans;
arial;
padding-top: 0px;
padding-left: 17px;
padding-bottom: 0px;
#Quote {
float: right;
clear: both;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this creates the space between the navigation on the content below */
font-family:museo-sans; arial;
line-height: 250%;
.nav {
font-family: museo-sans;
arial;
padding-left: 0px;
ul.nav li {
font-family: museo-sans; arial;
padding-bottom: 10px;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
color: #333333;
background-color: #FFF;
font-family: museo-sans; arial;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 15px;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
color: #C60651;
font-family:museo-sans; arial;
background-color: #FFF;
background-image: url(images/navbar2.gif);
padding-bottom: 10px;
.content img {
/* ~~The footer ~~ */
.footer {
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
padding-top: 0px;
padding-right: 0;
padding-bottom: 10px;
/* ~~miscellaneous float/clear classes~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.container .content {
width: 50%;
font-size: large;
font-family: museo-sans; arial;
#footer { width: 100%;
background-color: #FFF;
.container .sidebar2 h4 img {
padding-left: 20px;
padding-top: 0px;
.sidebar2 p img {
border: medium solid #C60651;
#Insert_logo2 {
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #fff;
.container .content p .content strong {
font-family: museo-sans; arial;
.container .content .content {
font-family: museo-sans; arial;
.container .content ul li strong {
font-family: museo-sans;
arial;
font-size: 95%;
line-height: 150%;
list-style-type: disc;
.container .content ul {
test {
font-family: "Binary ITC Bold";
.container .sidebar2 p img {
margin-right: auto;
margin-left: auto;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-color: #C60651;
border-right-color: #C60651;
border-bottom-color: #C60651;
border-left-color: #C60651;
li strong {
line-height: 130%;
list-style-type: circle;
color: #978980;
.container .content ul {
.container .sidebar1 .nav {
margin-top: 10px;
margin-bottom: 10px;
.sidebar1 .nav li {
padding-bottom: 10%;
.nav li a {
background-image: url(images/navbar2.gif);
background-repeat: no-repeat;
background-position: right center;
left: auto;
right: auto;
clip: rect(auto,auto,auto,auto);
.container .sidebar1 .nav li a {
.container .sidebar1 h6 {
padding: 0px;
color: #000000;
#footer h3 strong {
font-size: 60%;
color: #978980;
.container .content p {
padding-right: 0%;
padding-left: 0%;
font-size: 85%;
.container .sidebar2 p {
padding-right: 8%;
padding-left: 8%;
padding-top: 5px;
#Insert_logo2 #Insert_logo2 {
padding-left: 15px;
.container .content ul {
color: #C60651;
h6 {
color: #978980;
font-family: museo-sans;
arial;
font-size: 82%;
padding-left: 20%;
text-align: left;
text-indent: 8px;
.nav li a {
padding-bottom: 10px;
h8 {
font-family: museo-sans; arial;
font-size: 100%;
h4 {
font-family: museo-sans;
arial;
font-size: 100%;
color: #C60651;
padding-left: 17px;
padding-top: 5px;
padding-bottom: 0px;
.container .content p {
padding-left: 17px;
padding-right: 30px;
.sidebar1 h8 strong {
font-size: 80%;
font-family:museo-sans; arial;
.container .sidebar1 h7 {
font-size: 40%;
color: #978980;
h7 {
font-family: museo-sans; arial;
font-size: 15%;
.container .sidebar1 h8 {
font-family: museo-sans; arial;
.sidebar2 p img {
max-width: 100%;
.container .content img {
padding-left: 3%;
img {
position: static;
text-align: left;
body,td,th {
font-family: museo-sans; arial;
h5 {
font-size: 150%;
color: #C60651;
padding-left: 0px;
font-family:museo-sans; arial;
.container .content p {
padding-left: 17px;
padding-right: 30px;
font-size: 87%;
.container .sidebar2 p {
font-size: 90%;
.container .sidebar1 .nav li {
font-family: museo-sans;
arial;
.container .sidebar1 .nav li a {
padding-left: 0px;
margin-bottom: 0px;
height: 30px;
li a {
padding-left: 2px;
-->
</style><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
</head>
<body><script type="text/javascript">
function pageWidth() {
return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
function pageHeight() {
return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
</script>
<div class="container">
<div class="header"><!-- end .header -->
<p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" id="Insert_logo2" style="background: #FFF
; display:block;" /></a></p>
<div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
<p class="clearfloat"> </p>
</div>
<div class="sidebar1">
<ul class="nav">
<li>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Home</a></div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Students</a></div>
<div class="AccordionPanelContent"><a href="#">High School</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Professional</a></div>
<div class="AccordionPanelContent">Content 3</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
<div class="AccordionPanelContent">Content 4</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Seminars</a></div>
<div class="AccordionPanelContent">Content 5</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Bio</a></div>
<div class="AccordionPanelContent">Content 6</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Q & A Blog</a></div>
<div class="AccordionPanelContent">Content 7</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
<div class="AccordionPanelContent">Content 8</div>
</div>
</div>
</li>
</ul>
</div>
<div class="content">
<p>Given today's competitive job market, global economy, and changed corporate culture,
we can no longer depend upon others to ensure our professional futures. Choosing or
changing your career direction requires self-reflection, career education and an action plan.</p>
<img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
<ul>
<br><br><li><strong>Considering your college choices & career options</strong></li>
<li><strong>Preparing for the world of work after college</strong></li>
<li><strong>Seeking a new position to further your career</strong></li>
<li><strong>In-transition and considering new opportunities</strong></li>
<li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
</ul>
<img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
<br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
<p> We are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go and become what you want to be.</p>
<img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
<div class="sidebar2">
<p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
<p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
<p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
<p>We provide step by step guidance to ensure your success during the college application, job interview
and decision making process.
</p>
</div>
<div class="footer">
<div id="footer">
<h6 align="left"> Your Career Direction, LLC • 96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
</div>
<p> </p>
<!-- end .footer --></div>
<!-- end .container --></div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
1. Line 454
<div id="Accordion1" class="Accordion" tabindex="0" style="outline: none;">
2 & 3. Change your code from Line 455 - 491:
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Home</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Students</a></div>
<div class="AccordionPanelContent"><a href="#">High School</a><br/><a href="#" style="margin-top: -30px;">College</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Professional</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Seminars</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Bio</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Q & A Blog</a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
</div>
</div>
</li>
</ul>
</div>
4. Append your HTML for child tabs like this:
<div class="AccordionPanelContent" id="submenu"><a href="#">High School</a></div>
Create a new #submenu css rule in your CSS document and set styling the way you want it. -
How to apply different styles to multiple spry accordian panels?
Hi all,
I have a website that I'm building that has multiple spry accordian features on it.
I am trying to apply different styles to each accordian. A problem arises when I try to place an accordian within another accordian.
I have styled two different background images for two of the accordians for the styles (AccordionPanelTab, AccordionPanelTabHover and AccordionPanelOpen AccordionPanelTabHover) which work fine.
When I try and place an accordian within another accordian the background image for this accordian for the styles (AccordionPanelTab and AccordionPanelOpen AccordionPanelTabHover) has the different style applyed that I stated in the accordion.css file, however the style (AccordionPanelTabHover) has the same style as the accordian it is within even though in the accordion.css file I stated a different background image.
I hope all this makes sence below is my source and CSS Code.
I appriciate any help that can be given to help resolve this issue I am running in too.
Source Code
<div id="content">
<p><span class="first_header_word_packages">Welcome</span> <span class="header_word_packages">to our packages page</span></p>
<p class="content_txt">Here you can build the website package that matches your business needs as well as being able to work out the cost of your site without having to worry about scary hidden costs at a later date.</p>
<p class="content_txt"> We have two packages available for our customers;</p>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"></div>
<div class="AccordionPanelContent">
<p>Text Goes Here</p>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"></div>
<div class="AccordionPanelContent">
<p>Text Goes Here</p>
</div><!-- end #Accordion2 Content -->
</div><!-- end #AccordionPanel -->
</div><!-- end #Accordion2 -->
</div><!-- end #Accordion1 Content -->
</div><!-- end #AccordionPanel -->
</div><!-- end #Accordion1 -->
<div id="Accordion3" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"></div>
<div class="AccordionPanelContent">
<p>Text Goes Here</p>
<div id="Accordion4" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"></div>
<div class="AccordionPanelContent">
<p>Text Goes Here</p>
</div><!-- end #Accordion4 Content -->
</div><!-- end #AccordionPanel -->
</div><!-- end #Accordion4 -->
</div><!-- end #Accordion3 Content -->
</div><!-- end #AccordionPanel -->
</div><!-- end #Accordion3 -->
</div><!-- end #content -->
CSS
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
border-left: solid 1px gray;
border-right: solid 1px black;
border-bottom: solid 1px gray;
overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
background-color: #CCCCCC;
border-top: solid 1px black;
border-bottom: solid 1px gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #EEEEEE;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #3399FF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #33CCFF;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg1.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg1_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry1.png);}
#Accordion2 .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry1_ro.png);}
#Accordion3 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg2.png);}
#Accordion3 .AccordionPanelTabHover,
#Accordion3 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg2_RO.png);}
#Accordion4 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry2.png);}
#Accordion4 .AccordionPanelTabHover,
#Accordion4 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry2_ro.png);}Okay guys,
I figured it out, if anyone was having the same problem as me and looking on this thread for the answer, here it is.
Firstly if you're wanting to seperatly style two or more Spry Accordions that are not within each other e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">
<p>Content Goes Here </p>
</div><!-- end #Accordion1 Content -->
</div><!-- end #Accordion1 .AccordionPanel -->
</div><!-- end #Accordion1 -->
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">
<p>Content Goes Here </p>
</div><!-- end #Accordion2 Content -->
</div><!-- end #Accordion2 .AccordionPanel -->
</div><!-- end #Accordion2 -->
You don't have to do this, as long as you have seperate ID's for the divs (which dreamweaver automatically does anyway) you'll be fine.
However if for some reason you want to put one accordion inside another like I did e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">
<p>Content Goes Here </p>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">
<p>Content Goes Here </p>
</div><!-- end #Accordion2 Content -->
</div><!-- end #Accordion2 .AccordionPanel -->
</div><!-- end #Accordion2 -->
</div><!-- end #Accordion1 Content -->
</div><!-- end #Accordion1 .AccordionPanel -->
</div><!-- end #Accordion1 -->
Too style Accordian 1 & 2 so their tabs both have different backgrounds and Hover background when the content panel is open and closed you have to style it in the CSS they following way;
CSS
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry.png);}
#Accordion2 .AccordionPanelClosed .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
height:44px;
width:469px;
background:url(../images/packages_spry_ro.png);}
Normally when styling two seperate spry accordions you can just use the following code
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
The only difference with styling a Spry accordion within another to ensure they have different hover backgrounds when the content panel is open and closed is ".AccordionPanelClosed".
Hope this helped anyone who was having the same issue I was. -
Spry Accordian with dynamic panels from XML
Hi. I've searched, but haven't seen anybody answer this yet.
I'm trying to build a page that uses a spry accordian to display
data by category. So category 1 is on panel 1 in a spry table with
a link to a spry detail section on the page. Category 2 is on panel
2 in a spry table with a link to the same spry detail section, etc.
I have 2 issues: 1) I haven't figured out how to filter a
single XML data set onto different accordian panels or
2) how to get the same detail region to take links from
different XML data sets on the different panels.
Any help that anybody could give would be VERY much
appreciated.
THANKS!I did get it working. Please check out..
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=602&threadid=1334877
The key is the Data Set Shell. I use multiple data sets for
each category, in your case department. Then I list the items in
that category to update a detail region. If the above link doesn't
help you please re-post and I can give you some more help. -
Spry guru needed! Spry accordian works in ie, safari, chrome but not firefox. Rookie needs help!
Hey guys,
Spry accordian works in every other browser apart from firefox. Clearly I have done something stupid - anyone care to help me out?
URL is :
http://www.recruitercritic.com/bcrwd.htm
Thanks!
jonoG'day Mate,
Just remember the structure for a SpryAccordion.
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
In your case have a look at
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img src="http://www.recruitercritic.com/rwdffbox.png" width="425" height="110" border="0" /></div>
<div class="style21">
<p align="justify" class="style7"><strong>Flight Centre are committed to providing great travel at the cheapest available price. Their highly trained experts are dedicated to finding the best travel deal for any destination and budget. </strong></p>
<p align="justify" class="style18"><strong><span class="style7">Simply use RecruiterCritic to find, compare and engage a recruiter or search professional and fill your job vacancy and RecruiterCritic will send you a $1,000 gift voucher as our thanks for you to use for staff travel or as a staff incentive.</span> <a href="Freqflyer.htm">More info</a><a href="Freqflyer.htm"></a></strong></p>
<p align="justify" class="style18"> </p>
</div></div>
All you need to do is add the highlighted class
<div class="AccordionPanelContent style21">
Carn the Pies -
I have created a website that uses the Spry accordian effect that has been modified to be used for sections for the site.
I have tested it on all browsers however found out that the spry accordian doesn't work in Internet explorer.
I have noticed there seems to be many problems regarding spry and IE, but not come across any that have definitive answer for my problem.
www.slicedesign.co.uk
Is there anybody who could shed some light ont his for me?
nathansliceHi,
I've looked at your site on IE7 / IE6 and Firefox 3.0.1 on my PC.
I suspect some of it might be down to the following bit of styling in your accordian CSS
.Accordion {
overflow: hidden;
height: 640px;
IE6 incorrectly interprets height as min height.
Try changing it to
.Accordion {
overflow: hidden;
min-height: 640px;
/* for IE6 and below */
* html .Accordion {
height: 100px;
Also you have repeated IDs when they should be unique within webpage and you have not closed various tags properly. Visit http://validator.w3.org/ and fix the markup errors and then let's see what your page then looks like. Internet Explorer is very fussy about closing tags properly and can stop rendering the page when it finds an error where as Firefox etc are more tolerant and can still rneder the page properly.
Cheers
Phil -
Hi,
I am new to the spry and I am using DW CS 3 from a Mac
(Leopard). It's a cool effect that help designers me who are new to
scripting or no background at all. I am trying to use the Spry
Accordian in my navigation as a vertical menu with sub categories
inside each panel content. My client want to use a specific font so
I cannot use regular fonts inside the accordian. So I am using jpeg
button images as roll over, both inside the panel and panel
contents. I have figured out things like variable heights in
panels, setting default panels etc. and it works well.
However the issue is my client says that on IE on a PC the
whole thing is shaky when navigating, as it jumps around in
transition which I noticed even on my Safari. After searching
through your help forums I saw a similar post and the
recommendation was update the Spry to 1.6. I did that I it seems to
have helped it localy on my computer in Safari. I haven't changed
it on the test site as I wanted an expert from here to look at it
and let me know if I am on the right track or if I need to do
anything else.
You can see what my client is referring to when you are in
OUR PEOPLE category (select a bio) and then try to select OUR
SOLUTIONS (again select a sub category) and the whole accordian
jumps and shifts before settling down the way I want it. Any help
you can give me is much appreciated.. and please note that I am
basically a designer and not a programmer, so my knowledge on
scripts are limited...
Here's the URL to the test site:
http://www.canlanka.com/ignition/company.htmlThanks for your reply.....
The reason I am using images are because the client wants the
corporate font (Antique Olive) at least used on the buttons and
headline. This prevents me using the CSS styles and I am not
proficient enough to find a way to embed this particular font. I
can change the jpegs into giffs as you suggested if that helps. I
am also wondering if the staggered loading is anything to do with
the overflow setting on the panels in the SpryAccordian.css file? I
had to change it to visible in order to go in and change the image
as they are selected, after which I have kept the setting as
AUTO... may be is should be HIDDEN... or it may got n0thing to do
with the issue... but I am running out of options here.... -
Hi. I used Spry Accordian Panels in a new website I created using Dreamweaver CS6. Most people can see and click the panel to open it and see the content in it. However, I know someone that's blind that would like to use the site but is having a lot of trouble with it. The panel tabs are not links so it doesn't tell him to click it. I've tried putting the tabindex attribute on each panel tab and the aria-polite:polite but it hasn't helped. Any ideas?
Hi. I used Spry Accordian Panels in a new website I created using Dreamweaver CS6. Most people can see and click the panel to open it and see the content in it. However, I know someone that's blind that would like to use the site but is having a lot of trouble with it. The panel tabs are not links so it doesn't tell him to click it. I've tried putting the tabindex attribute on each panel tab and the aria-polite:polite but it hasn't helped. Any ideas?
-
Spry Accordian - multiple sprys on same page?
How do you get two or more Spry Accordians on one page? The first one works fine, but the others don't.
LindaLooks like you did not upload the dependent .js and .css files
I get a page not found error when I try and load this file referenced from your main page.
http://daphnevanessapierre.com/Spry-UI-1.7/includes/SpryDOMUtils.js.
Make sure that you have uploaded all of the files in the head in the correct location relative to the page that you inserted the slide show into.
-Scott Richards
Dreamweaver Team -
Spry Accordian properties not editable in CS3
Hi all
Long time since I posted here :)
Got a problem with the Spry Accordian in CS3 - the properties
don't show
up so I can't edit the panels (except directly) and can't
stipulate
the default state, like open or closed etc. The only option,
if one can
call it that, is "remove the animated accordian".
Does anyone know if this is a known issue or just something
I've done wrong?
Thanks all,
JudiGot it sorted thanks - well, on my Vista machine anyway.
"Judi Kruger" <[email protected]> wrote in message
news:fgerba$5ed$[email protected]..
> Hi all
>
> Long time since I posted here :)
>
> Got a problem with the Spry Accordian in CS3 - the
properties don't show
> up so I can't edit the panels (except directly) and
can't stipulate the
> default state, like open or closed etc. The only option,
if one can call
> it that, is "remove the animated accordian".
>
> Does anyone know if this is a known issue or just
something I've done
> wrong?
>
> Thanks all,
> Judi -
PLEASE HELP!
I am building a website for my company using Dreamweaver for the very first time. I have a spry accordian menu on my page (that probably has nothing to do with my issue).
Next I added an iframe in the page to hold a vertical spry menu (since it will appear in other pages and I only want to edit it once. The menu was working fine until I did this.
Now that I embedded it in the iframe it is opening behind other things on the page. What can I do? Code is below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Template_ABA_2011.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Arkansas Bankers Association</title>
<!-- InstanceEndEditable -->
<style type="text/css">
</style>
<link href="Dec28.css" rel="stylesheet" type="text/css" />
<script 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_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_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>
<style type="text/css">
<!--
.style8 {
color: #CDDAE0;
font-weight: bold;
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
</head>
<body onload="MM_preloadImages('Images/HeaderHover_Files/images/aboutus_hover.png','Images/Head erHover_Files/images/education_hover.png','Images/HeaderHover_Files/images/banking_hover.p ng','Images/HeaderHover_Files/images/government_hover.png','Images/HeaderHover_Files/image s/products_hover.png','Images/HeaderHover_Files/images/partnership_hover.png','Images/Head erHover_Files/images/fraudcenter_hover.png','Images/HeaderHover_Files/images/consumer_hove r.png','Images/HeaderHover_Files/images/home_hover.png','Images/HeaderHover_Files/images/c ontactus_hover.png','Images/HeaderHover_Files/images/sitemap_hover.png','Images/Header_htm landimages/images/home_hover.png','Images/Header_htmlandimages/images/contactus_hover.png' ,'Images/Header_htmlandimages/images/sitemap_hover.png')">
<div id="wrapper">
<div id="header">
<div align="center" "top">
<!-- ImageReady Slices (header_seachinfrontofimage.psd) -->
<table id="Table_01" width="980" height="81" border="0" cellpadding="0" cellspacing="0" bgcolor="#2B4E74" >
<tr>
<td rowspan="2">
<img src="Images/header_and_search/images/logo.png" alt="" width="597" height="81" border="0"></td>
<td>
<img src="Images/header_and_search/images/home.png" alt="" width="250" height="33" border="0"></td>
<td>
<img src="Images/header_and_search/images/contact-us.png" alt="" width="65" height="33" border="0"></td>
<td>
<img src="Images/header_and_search/images/site-up'.png" alt="" width="68" height="33" border="0"></td>
</tr>
<tr>
<td colspan="3" valign="middle" background="Images/header_and_search/images/search-box.png" border="0"><form name="form1" method="post" action="">
<label>
<input name="search" type="text" id="search" value="Search by Keyword(s)" size="35">
</label>
<label></label>
<label>
<input name="submit2" type="image" id="submit2" src="Images/header_and_search/images/arrow.png" border="0" align="bottom">
</label>
</form> </td>
</tr>
</table>
<!-- End ImageReady Slices -->
<a href="www.arkbankers.org/aboutus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','Images/HeaderHover_Files/images/aboutus_hover.png ',1)"><img src="Images/HeaderFiles/images/aboutus.png" name="Image21" width="76" height="37" border="0" id="Image21" /></a><a href="education_training.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','Images/HeaderHover_Files/images/education_hover.p ng',1)"><img src="Images/HeaderFiles/images/education.png" name="Image22" width="133" height="37" border="0" id="Image22" /></a><a href="www.arkbankers.org/banking_news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','Images/HeaderHover_Files/images/banking_hover.png ',1)"><img src="Images/HeaderFiles/images/banking.png" name="Image23" width="99" height="37" border="0" id="Image23" /></a><a href="www.arkbankers.org/government_relations.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','Images/HeaderHover_Files/images/government_hover. png',1)"><img src="Images/HeaderFiles/images/government.png" name="Image24" width="141" height="37" border="0" id="Image24" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','Images/HeaderHover_Files/images/products_hover.pn g',1)"><img src="Images/HeaderFiles/images/products.png" name="Image25" width="130" height="37" border="0" id="Image25" /></a><a href="www.arkbankers.org/partnership_opportunities.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','Images/HeaderHover_Files/images/partnership_hover .png',1)"><img src="Images/HeaderFiles/images/partnership.png" name="Image26" width="158" height="37" border="0" id="Image26" /></a><a href="www.arkbankers.org/fraud_center.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','Images/HeaderHover_Files/images/fraudcenter_hover .png',1)"><img src="Images/HeaderFiles/images/fraudcenter.png" name="Image27" width="94" height="37" border="0" id="Image27" /></a><a href="www.arkbankers.org/consumer_connection.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','Images/HeaderHover_Files/images/consumer_hover.pn g',1)"><img src="Images/HeaderFiles/images/consumer.png" name="Image28" width="149" height="37" border="0" id="Image28" /></a></div>
</div>
</div>
<div id="body">
<!--sidebar close -->
<table width="860" height="auto" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td width="3" rowspan="3" valign="top"> </td>
<td height="53" colspan="4" valign="top"><!-- InstanceBeginEditable name="Department_Heading" -->
<div align="center"><img src="Images/education_images/education_top.png" alt="Education and Training" width="805" height="150" /></div>
<!-- InstanceEndEditable --></td>
<td width="29" rowspan="2" valign="top"><table width="20" border="0" cellspacing="5" cellpadding="2">
<tr>
<td> </td>
</tr>
</table>
<br />
</td>
<td width="144" rowspan="2" valign="top"><img src="Images/Ads/ababannerad.jpg" width="140" height="325" /><br />
<br />
<img src="Images/Ads/Link_LiveEvents2010_CoverPic.jpg" width="144" height="186" /><br />
<br />
<img src="Images/Ads/SponsorshipBrochure2010_Link.gif" width="144" height="140" /></td>
</tr>
<tr>
<td colspan="4" valign="top" background="Images/bg_department_details.png"><table width="771" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="135" valign="top">
<!--begins table that holds the spry accordian -->
<!--table that holds education items 1 and 2 is inside the table that holds the spry accordian menu. -->
<!-- InstanceBeginEditable name="Department_SubMenu_Ads" -->
<iframe src="EducationMenu.html" width="145" height="auto" frameborder="0" scrolling="no"> </iframe>
<br />
<br />
<!-- InstanceEndEditable --> <br /></td>
<td width="616" valign="top"><div align="left">
<!-- InstanceBeginEditable name="Department_Details" -->
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">ABA LIVE EVENTS</div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/Live.png" width="150" height="110" align="left" /><br />
The Arkansas Bankers Association is your organization, dedicated to serving the needs of Arkansas bankers. If you are an employee of an ABA-member financial institution, then you are an ABA member. Our educational offerings are available in a variety of formats to make training as convenient, timely and cost effective as possible.<br />
<a href="educ_liveevents.html">View All Live Events</a> <a href="educ_liveevents.html"><img src="Images/more_arrow.png" width="12" height="12" border="0" /></a><br />
<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">ABA WEBINAR LIBRARY</div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/Webinar_Library.png" width="150" height="124" align="left" /><br />
The Arkansas Bankers Association is your organization, dedicated to serving the needs of Arkansas bankers. If you are an employee of an ABA-member financial institution, then you are an ABA member. Our educational offerings are available in<br />
a variety of formats to make training as convenient, timely and cost effective as possible. We encourage you to explore all the training options available to you.<br />
<a href="Jan5_2.html">View Webinar Library <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /><br />
</a><br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">COMPUTER BASED IN-HOUSE</div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/ComputerBasedInHouse.png" width="150" height="110" align="left" /><br />
The Arkansas Bankers Association is your organization, dedicated to serving the needs of Arkansas bankers. If you are an employee of an ABA-member financial institution, then you are an ABA member. Our educational offerings are available in a variety of formats to make training as convenient, timely and cost effective as possible. <br />
<a href="Jan5_2.html">View Computer Based In-House Courses <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">WEBINARS & PODCASTS</div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/Webinars_Podcasts.png" width="150" height="110" align="left" /><br />
A webinar is an enhanced telephone seminar. The audio portion is delivered by speaker phone. You may also view a corresponding PowerPoint presentation by PC.
&A. You will receive a PIN, materials and instructions prior to the seminar.<br />
<a href="Jan5_2.html">View Webinars & Podcasts <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">SELF-PACED ONLINE</div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/SelfPacedOnline2.png" width="150" height="104" align="left" /><br />
ABA eLearning includes over 60 courses and 200 hours of training in the retail, small business, personal trust, compliance, and
management development areas.<br />
<br />
<strong><a href="http://arbakc.abakc.com/kc/login/login.asp?kc_ident=kc0001">Register/Enroll/Take a Demo - </a></strong><a href="http://arbakc.abakc.com/kc/login/login.asp?kc_ident=kc0001" target="_rpbrowser"><strong>Take the Demo Now</strong></a><strong> </strong> <img src="Images/more_arrow.png" alt="" width="12" height="12" /><br />
<a href="Education/ABA_eLearning_Price_and_Credit_List%20Jan_10.xls" target="_rpexternal">Brochure & Pricing</a> <img src="Images/more_arrow.png" alt="" width="12" height="12" /><br />
<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">INSTRUCTOR LED ONLINE</div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/InstructorLedOnline2.png" width="150" height="110" align="left" /><br />
Your instructor posts weekly assignments which includes a reading (either textbook or online) and homework is submitted through the discussion board or via email. You complete each at your convenience and take a weekly quiz. Exams (proctored midterms and/or finals) are all taken online. Your instructor is available to provide feedback and answer questions. <a href="Jan5_2.html">View Courses <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><strong>ANNUAL CONVENTION</strong></div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/Convention.png" width="160" height="106" align="left" /><br />
New Rules, New Opportunities, New Banking Environment<br />
<br />
<strong>121st Annual Arkansas Bankers Association Convention & Tradeshow</strong><br />
The Peabody Hotel & Statehouse Convention Center, Little Rock, Arkansas<br />
May 4-6, 2011 - <strong><em>Brochure Coming Soon!</em></strong><br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><strong>BANK MANAGEMENT SEMINAR</strong></div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/BankManagementSeminar.png" width="124" height="106" align="left" />Open to our Bank Members, Associate Members and non-members, this annual event will be held at Hilton Branson Convention Center in Branson, Missouri.<br />
<br />
<strong>2011 Bank Management Seminar</strong><br />
Hilton Branson Convention Center, Branson, Missouri.<br />
August 4-6, 2011<br />
<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><strong>E<strong>MERGING LEADERS LEADERSHIP CONFERENCE</strong></strong></div>
<div class="AccordionPanelContent"><img src="Images/Icons_Education/LeadershipConference.png" width="160" height="106" align="left" />Make plans to join us for the 2011 conference in order to network with your peers, further your education and leadership skills, and accelerate your banking career!<br />
<br />
<strong>2011 ELS Leadership Conference</strong><br />
Doubletree Hotel and Robinson Center, Little Rock, Arkansas<br />
July 21-22, 2011<br />
<br />
</div>
</div>
</div>
<br />
<br />
<!-- InstanceEndEditable -->
<div align="left"></div>
<p align="left""top"> </p>
<p> </p>
</div></td>
</tr>
</table>
<!-- InstanceBeginEditable name="Extras" -->
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
<!-- InstanceEndEditable --><br /> </td>
</tr>
</table>
<p> </p>
</div>
<!--body close -->
</div>
<div id="footer">
<table width="800" border="0" align="center" cellpadding="2" cellspacing="5">
<tr>
<td>Footer Contents Here</td>
</tr>
</table>
<br />
</div>
</body>
<!-- InstanceEnd --></html>I frame should not be used in this situation because its contents are not in the same flow as the main document.
You are far better off using serverside includes as per following article http://foundationphp.com/tutorials/sprymenu/ssi.php
Gramps
Maybe you are looking for
-
Aperture won't let me import images. It tells me that there is not enough space in the Aperture volume. I am directing the images to a remote drive that has plenty of space. Any ideas?
-
Fscommand variable argument? and quote in a quote?
hello adobe flash community. im new with flash pro and actionscript i have a problem with fscommand.. im using it for a program called neobook. made a button in flash pro cs6. with a click it sends fscommand("NeoBook", "GotoNextPage"); works correctl
-
How to create BAPI-RFC?wht is the purpose of bapi rfc? plz send me urgently.........
-
MIDI problems with M-Audio Keystation Pro 88
I have an M-Audio Keystation Pro 88 MIDI keyboard controller I use with any number of DAW's. Lately the MIDI signals have been acting very strangely when I updated to 10.10. I have updated all the MIDI drivers in my library and since the M-Audio prod
-
Hi, We've had jobs fail recently where the catalogue could not be written to because the root file system was full (note: this was NOT due to the catalogue being excessively large; other stuff was using up the space). I would like to prevent this sit