br style="clear:both"/

I came across this in one of the samples. This little tag is
causing me layout issues. What does it do?

clear is a CSS property that tells the browser whether or not
it should clear any floats before attempting to position the
element. The options are left, right, both, none.
http://www.w3.org/TR/CSS21/visuren.html#propdef-clear
--== Kin ==--

Similar Messages

Problem with DIV "clearing both"

I am in the process of building a template for my website. I
have built my Spry menu bar and have designated a div for to become
my "editable area." This area to become the editable area is a DIV
called "main content." It placed directly following the Spry menu
bar. I have set a CSS rule for the "main content" div as: BOX =
Float: left and Clear: both.
Why is the content (text) for the "main content" div still
jumping up along side my spry menu bar?
See the page...
http://www.birchwoodstudios.net/luke/bsweb/Birchwoodstudios.html
Thanks so much in advance!
Luke

Luke, a few problems in your code, don't use spaces in CSS
div names. Also
you don't need to place float and clear inside the same
division.
Try this instead.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Birchwood Studios</title>
<style type="text/css">
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;}
body,td,th {
font: 100% Arial, Helvetica, sans-serif; color:#FFFFFF}
#container {
margin-right: auto;
margin-left: auto;
width: 780px;
background-color: #2A5FAA;}
#banner {
padding: 10px;
background-color: #2A5FAA;}
#menubar {font-size:16px}
.clearing {
clear:both;
visibility:hidden}
#maincontent {padding: 10px; font-size:1em;
line-height:1.5em}
#footer {text-align:center; font-size:.75em;}
</style>
<script src="SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="container">
<div id="banner"> <img
src="images/2ndbanner.gif"
width="760" height="156" alt="Birchwood studios banner" />
</div>
<div id="menubar">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Main </a> </li>
<li><a href="#"
class="MenuBarItemSubmenu">Services</a>
<ul>
<li><a href="#">Photo
Scanning</a></li>
<li><a href="#">DVD
Slideshows</a></li>
<li><a href="#">Photo
Restoration</a></li>
<li><a href="#">Website
Development</a></li>
<li><a href="#">Web Hosting</a></li>
<li><a href="#">Search Engine
Optimization</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu"
href="#">Pricing</a><ul>
<li><a href="#">Photo Scanning</a>
</li>
<li><a href="#">DVD
Slideshows</a></li>
<li><a href="#">Photo
Restoration</a></li>
<li><a href="#">Website
Development</a></li>
<li><a href="#">Web Hosting</a></li>
<li><a href="#">Search Engine
Optimization</a></li>
</ul>
</li>
<li><a href="#">About Us</a> </li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="clearing"></div>
<div id="maincontent">
<p>Content for id maincontent Goes Here</p>
</div> 
<div id="footer">
<p>Content for id footer Goes Here</p>
</div> 
</div> 
<script type="text/javascript">

</script>
</body>
</html>
"ape54321" <[email protected]> wrote in
message
news:[email protected]...
> I am in the process of building a template for my
website. I have built
my
> Spry menu bar and have designated a div for to become my
"editable area."
This
> area to become the editable area is a DIV called "main
content." It
placed
> directly following the Spry menu bar. I have set a CSS
rule for the "main
> content" div as: BOX = Float: left and Clear: both.
>
> Why is the content (text) for the "main content" div
still jumping up
along
> side my spry menu bar?
>
> See the page...
>
http://www.birchwoodstudios.net/luke/bsweb/Birchwoodstudios.html
>
> Thanks so much in advance!
> Luke
>

Shortcut to: Apply (style), Clear Overrides ?

Hi there,
I'm working on a approx 100pg price list that I've set up a tables for, and the design of it has changed slightly (sigh). It looks like a basic excel spreadsheet and I have imported the text already. Basically, I'm going through and applying a cell style to various rows, not equidistant from each other -- some 3 rows apart, some 15. I need to, and have been, highlighting the row, right-clicking the particular cell style, and doing the "Apply (style), Clear Overrides" to get the desired result. So, what I was wondering, Is there ANY way to create a shortcut to do this? I know how to apply the style with a shortcut, but not the overrides option.
Even better, if anyone knows how to select multiple rows at once and apply, that would be fantastic.
Love this forum and thanks in advance!

I was just thinking about that cost/benefit analysis on my way to work this morning. If it takes me a whole hour to gin up that script, then how many months before I make those hours back in time saved? My parastyles always have numpad shortcuts (e.g. Control + numpad 8), and my "Clear All Overrides" shortcut is Control + Shift + numpad Enter, so it might be a long, long time before the saved fraction of a second from using a single script instead of two keyboard shortcuts that are right next to one another adds up to the hour of Javascript fumbling.
(Then again, if I cared that much about saving milliseconds, I wouldn't be posting this. )

CSS clear: both; ISSUE

New to CSS, obviously: I have a left floated div of 200px
wide that stretches lengthwise as the content fills it. At the
bottom there is a footer with the clear:both; applied to it. As I
fill the float with content it is still stretching behind the
footer instead of pushing it down. Now on the right side there is a
right floated div, and as the content fills that portion up it IS
able to push the footer down. Any ideas to why it isn't working on
the left side? I'll attach the code. Thanks in advance!

Trouble-man, you should know better than to use APDivs by now
http://apptools.com/examples/pagelayout101.php
Use margins and floats -
http://alt-web.com/DEMOS/CSS2-Captions-on-floated-images.shtml
Also, check your code.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

3750x Design help needed - VSS style - traffic both links

Hello,
I need a little help figuring out the best way to do this. I have two core 3750X switches (SWA and SWB). These two switches each have four switches hanging off of them. I need to add two more switches for a separate server/app farm. These two new 3750x (?)(SWC & SWD) switches will each have a Layer-2 connection to the core switches (SWA-DC1 & SWB-DC2) and also service their own subnet/vlan for the server farm. It may be SWC to SWA and SWD to SWB or it could be that SWC & SWD both have a link to each core switch. All this is in the same Data Center. I just called it DC1 and DC2 to define logical separation for each side.
Is there a way to configure this scenario so that at least one uplink from SWC and SWD are both passing traffic and not have STP block one link since it is all Layer-2 between the core and distribution switches? this would allow the switches hanging off SWA & SWB to each use their link to the core and not have everything traverse a single and distribute my bandwidth more evenly.
Any feedback/ideas are appreciated.
Thank you,

Hi,
since you are using the 3750 series, you have the option of stacking the core switches (SWA and SWB). In this case you can simply uplink every switch to both cores using Etherchannels. And so, both links are used and there is no blacking by STP since both links are logically one.
HTH

Question about clearing floats....

I have a three-column layout where (from left to right)
columns 1 & 2 are
floated left and column 3 is floated right. Works great...
what heppens
when, within the middle column I have the following:
<div id='container'>
<img ....>
<p> blah blah blah</p>
</div>
I want to float the image to the right, so the text wraps
around it but I
also want to put the following as the last line of the
"container" div:
<div style='clear: right;'>&nbsp</div>
problem is, this last line will clear the ENTIRE right column
from the main
page layout. Ahhhh. Can't I somehow clear things relative to
the column
and not the whole page?
Alex

From the description you have supplied to date this is what I
am
getting. Neither clear: right; or clear: both; result in the
issue you
describe, so something else on your page is causing issues.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#one, #two {
width: 250px;
float:left;
#three {
float: right;
width: 250px;
#two img {
float: right;
</style>
</head>
<body>
<div id="one">One</div>
<div id="two">
<img src="images/logo.gif" width="100" height="100">
<p>blah blah blah blah blah blah blah blah blah blah
blah blah blah
blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah
blah blah blah blah blah blah blah blah blah blah</p>
<br style="clear: both;"></div>
<div id="three">Three</div>
</body>
</html>

Footer not clearing DIV correctly in I.E7

Hi
I am having an issue with my footer DIV- set to clear both in the CSS. Not clearing the main DIV but only in IE7.
The main DIV doesn't have a height specified in the CSS , as I want it to expand with the content.
Any ideas?
feel free to look at the page , please note background image-not my idea!
http://www.sopasbeauty.co.uk/nails.html
many thanks

Um checking the code in IE7, it seems that the footer is displaying properly because your #container is set to height: 700px. But your content is longer then 700px and there fore breaking in IE7.
I would remove the height on the container, and then add a clear/seperator outside the container.
<body>
<div id="container">
<div id="header"></div>
<div id="leftnav">
    <ul>
    </ul>
      </div>
<div id="main">
    <div id="mainimage"></div>
</div>
<div id="rightcol">
    <div id="rightcolhead">
      <h2>Special offers </h2>
    </div>
    <div id="rightcoltext">
    </div>
</div>
</div>
<div style="clear: both"></div>
<div id="footer"><a href="contactus.html">Contact us</a> | <a href="sitemap.html">site map</a> | <a href="http://www.epproductions.co.uk/" target="_blank">webdesign</a> | <a href="links.html">links</a></div>
</body>
</html>

Float clearing for parent container - DW doesn't display

When I use one of the methods of float clearing for a parent container that has other floated elements inside of it, it seems to work fine in FF and IE. But it never shows up properly in DW design view. Instead, it just continues to show the parent container as collapsed.
Is there some setting in DW that I can change to make it display properly? It's difficult to really know what's going on when it displays like this.
Thanks...
-Jesse

JesseLY wrote:
Thanks, Osgood. Here's a link to a test page.
http://www.jesseyoung.com/tests/float_test/
It displays fine in FF and IE, but shows the outer container as collapsed in DW design view.
-Jesse
Hi Jesse
Change overflow: auto; to overflow: hidden; on the 'wrapper' css as below. This method will only work in DW CS4 design view.
If you have a previous version of DW then you'll need to use the <br style="clear: both;"> method in the code if you want to see the correct rendering in Design view (see below)
#wrapper {
border: 5px solid purple;
padding: 10px;
overflow: hidden;
width: 700px;
background-color: white;
Insert the <br> after the last floated element (as below)
</div>
<br style="clear: both;" />
</div>
Incidentally you appear to have an 'unpaired' </div> tag at the end of the code .

Alsett clearing method in dreamweaver

Hi everyone, has anyone used this in DW? My page looks wrong
in Dreamweaver design view, but displays fine in the
browser.

Yep. Like much of the stuff I find on ALA, it's academically
interesting,
but practically useless.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"T.Pastrana - 4Level" <[email protected]> wrote in message
news:[email protected]...
>I agree.
>
> In that article he states...
>
> "
> First and foremost, this clearing method is not at all
intuitive,
> requiring an extra element be added to the markup. One
of the major
> premises of CSS is that it helps reduce the bloated HTML
markup found it
> the average site these days. So having to re-bloat the
markup just so
> floats can be kept within their containers is not an
ideal arrangement.
> "
>
> Adding this... <div
style="clear:both;"></div> ... doesn't seem like HTML
> bloat to me, but with the method in the article you need
to add this to
> the CSS...
>
> .clearfix:after {
> content: ".";
> display: block;
> height: 0;
> clear: both;
> visibility: hidden;
> }
>
> .clearfix {display: inline-table;}
>
> /* Hides from IE-mac \*/
> * html .clearfix {height: 1%;}
> .clearfix {display: block;}
> /* End hide from IE-mac */
> What a mess! and it is bloating the CSS file so it
doesn't make much sense
> to me :-)
>
>
> --
> Regards,
> ..Trent Pastrana
> www.fourlevel.com
>
>
>
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Thanks. I don't like it. Sorry. It forces me to
remember to hack/zoom
>> for IE.
>>
>> My <br class="clearer" /> works fine.
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>> ==================
>>
>>
>> ".: Nadia :. **AdobeCommunityExpert**"
>> <[email protected]>
wrote in message
>> news:[email protected]...
>>>
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> Used what? Which DW?
>>>
>>>
http://www.positioniseverything.net/easyclearing.html
>>>
>>> A way of clearing divs....
>>>
>>>
>>> --
>>> Nadia
>>> Adobe� Community Expert : Dreamweaver
>>>
>>>
http://www.DreamweaverResources.com
- CSS Templates|Tutorials
>>>
http://www.csstemplates.com.au
>>>
>>>
http://www.perrelink.com.au
- Web Dev
>>>
>>>
http://www.adobe.com/devnet/dreamweaver/css.html
>>> CSS Tutorials for Dreamweaver
>>>
>>>
>>>
>>>
>>
>>
>
>

Data not dynamically updating in photo gallery

The page in question is
this
photo gallery.
The primary issue is when one thumbs through the images, the
"photoID" does not update. It remains at the first "photoID" that
is encountered, and in this case, it is 729. The "title",
"description" and so forth remain locked to the first entry as
well, yet the photograph updates "@path".
I've been working at this for almost two days and have tried
almost every possible combination. I've copied over the older
framework files from my other site (which has this working
successfully), modified it to work in this instance, and it fails
here. The XML output is correct.
function photogallery(){ //Photo gallery
?>
<div class='right'>
[Snip out collapse panel...]
<div
spry:detailregion="dsGallery">{photoID}</div>
<div id="mainImageOutline"><img id="mainImage"
alt="main image" src="{@path}" /></div>
</div>
<div class='left'>
<div id='previews'>
<div id='controls'>
<div id='transport'>
<a href='#' class='previousBtn'
title='Previous'><img src='/res/images/buttons/rewind.png'
alt='[skip-back]' border='0' /></a>
<a href='#' class='playBtn' title='Play/Pause'
id='playLabel'><span class='playLabel'><img
src='/res/images/buttons/play.png' alt='[play]' border='0'
/></span><span class='pauseLabel'><img
src='/res/images/buttons/pause.png' alt='[pause]' border='0'
/></span></a>
<a href='#' class='nextBtn' title='Next'><img
src='/res/images/buttons/fastforward.png' alt='[skip]' border='0'
/></a>
</div>
</div>
<div id='thumbnails' spry:region='dsGallery'>
<div class='thumbnail' spry:repeat='dsGallery'><a
href='{@path}'
onclick=\"dsGallery.setCurrentRow('{ds_RowID}')\"><img alt=''
src='{@path}' width="80" height="80" /></a></div>
</div>
</div>
</div>
<div style='clear: both;'> </div>
<?
}

Even doing that was no help unfortunately. Here is an
extended snippet,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Urban Up, a web-site by Sherman
Cahal</title>
<meta http-equiv="Content-Type" content="text/xml;
charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen" />
<script type="text/javascript"
src="includes/SpryAssets/SpryEffects.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryDOMUtils.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryImageLoader.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryNotifier.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SpryThumbViewer.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SpryImageViewer.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SprySlideShowControl.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/gallery_init.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/xpath.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryData.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/gallery_xds.js"></script>
<script type="text/javascript">
var dsGallery = new Spry.Data.XMLDataSet("<? echo
$tmpfname; ?>", "/gallery/photos/photo");
</script>
</head>
function photogallery(){ //Photo gallery
?><div class='right'>
<div spry:detailregion="dsGallery">{photoID}
<div id="mainImageOutline"><img id="mainImage"
alt="main image" src="{@path}" /></div>
</div>
</div>
<div class='left'>
<div id='previews'>
<div id='controls'>
<div id='transport'>
<a href='#' class='previousBtn'
title='Previous'><img src='/res/images/buttons/rewind.png'
alt='[skip-back]' border='0' /></a>
<a href='#' class='playBtn' title='Play/Pause'
id='playLabel'><span class='playLabel'><img
src='/res/images/buttons/play.png' alt='[play]' border='0'
/></span><span class='pauseLabel'><img
src='/res/images/buttons/pause.png' alt='[pause]' border='0'
/></span></a>
<a href='#' class='nextBtn' title='Next'><img
src='/res/images/buttons/fastforward.png' alt='[skip]' border='0'
/></a>
</div>
</div>
<div id='thumbnails' spry:region='dsGallery'>
<div class='thumbnail' spry:repeat='dsGallery'><a
href='{@path}'
onclick=\"dsGallery.setCurrentRow('{ds_RowID}')\"><img alt=''
src='{@path}' width="80" height="80" /></a></div>
</div>
</div>
</div>
<div style='clear: both;'> </div>
<?
And the XML file that is created:
<?xml version="1.0" encoding="utf-8"?>
<gallery base = "">
<photos id = "images">
<photo path="
http://www.urbanup.net/content/20070629/photos/1_13_251.jpg">
<photoID>729</photoID>
<title>Downtown</title>
<description><![CDATA[]]></description>
</photo>
<photo path="
http://www.urbanup.net/content/20070629/photos/1_19_3.jpg">
<photoID>834</photoID>
<title></title>
<description><![CDATA[A shared common area divides
the new homes along South Mill.]]></description>
</photo></photos></gallery>

Help with XHTML columns in IE6

I'm having some problems with my columns in IE6. The math is
all correct and it lays out perfectly fine in firefox as expected.
For some reason IE6 seems to be doubling the numbers I assign as my
margins. Can anyone give me a tip as to what's wrong here before I
trash this whole idea and go with a old fashioned table.
2 columns.
15px left and right margins on the "left" column, 470px wide
15px right margin on the "right"column, 455px wide

Its an IE6 float/margin bug. If you add a margin in the same
direction
as the float IE6 will double it. Add display: inline; to the
css styles,
as below, to counter-act this problem.
#left { margin: 0 15px; width: 470px; height: 100px; float:
left;
background: #f00; display: inline; }
#right { margin: 0 15px 0 0; width: 455px; height: 100px;
float: right;
background: #666; display: inline; }
quovadimus02 wrote:
> I'm having some problems with my columns in IE6. The
math is all correct and
> it lays out perfectly fine in firefox as expected. For
some reason IE6 seems
> to be doubling the numbers I assign as my margins. Can
anyone give me a tip as
> to what's wrong here before I trash this whole idea and
go with a old fashioned
> table.
>
> 2 columns.
> 15px left and right margins on the "left" column, 470px
wide
> 15px right margin on the "right"column, 455px wide
>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> body { margin: 0; padding: 0; width: 970px; background:
#e1e1e1; }
> #wrap { padding: 10px 0; background: #fff; }
> #left { margin: 0 15px; width: 470px; height: 100px;
float: left; background:
> #f00; }
> #right { margin: 0 15px 0 0; width: 455px; height:
100px; float: right;
> background: #666; }
> </style>
> </head>
> <body>
> <div id="wrap">
> <div id="right"></div>
> <div id="left"></div>
> <div style="clear: both;"></div>
> </div>
> </body>
> </html>
>

How do you edit the size of the background? My website's left and right side have way too much on each side?

Home
About Us
Services
Facilities       Current Customers
Contact Us
Welcome to North American Assembly
North American Assembly is a customer driven ISO/TS 16949 certified company providing prototype and production plastic welding, assembly & testing to a variety of industries. In business since 1998, we pride ourselvewith an impeccable quality record, extremely low employee turnover, low overhead and truly understand the importance of program deadlines regardless of the circumstances. With all programs, we get involved upfront and aide engineering in the design and process to optimize and benefit both parties.
Production Services Specializing in assembly is our strong point. Although there are many suppliers that claim they offer assembly services, and do, as well as their core business of molding or stamping, no supplier can match the expertise and quality that we can provide.
Prototype Services
Prototype assembly is often overlooked in the learning process for production. We specialize in working with the customer up front in the prototype stage to foresee production assembly problems, improve products and provide engineering solutions for part design and processing issues.
Option
If you are in need of a working prototype part and have a tight time table, Complete Prototype can assist you with our rapid prototype abilities.
Option 1                Option 2               Option 3               Option 4
Option 5               Option 6               Option 7               Option 8               Option 9               Option 10               Option 11               Option 12
Our Mission
Quality is priority to every circumstance at North American Assembly. In a world where 99.99% is not acceptable today, we are committed to 100% quality in our products and services to our customers. We believe quality begins with our management's commitment to our employees, and that our people provide the power for 100% quality.
© 2014 North American Assembly | Tel (248)-335-6702| Fax (248)-335-6948 | 4325 Giddings Road| Auburn Hills, MI 48326 USA

sorry about that
here is my html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>North American Assembly</title>
<meta name="description" content="Complete Prototype are experts in rapid prototyping services and low volume production. Please contact us at 586-469-9155 or visit our website and request a quote.">
<meta name="keywords" content="Prototype, Prototyping, Michigan, Automotive, design, engineering, assembly, casting, injection molding, laser processing, cnc machining, low volume production, metal forming, patterns, models, quality control, Clinton Township">
<link href="default.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>
</head>
<body>
<div id="header">
</div>
<div id="logo">
</div>
<div id="menu">
<ul>
<li class="first"><a href="index-2.html" accesskey="H" title="">Home</a></li>
<li><a href="about.html" accesskey="A" title="">About Us</a></li>
<li><a href="services.html" accesskey="P" title="">Services</a></li>
<li><a href="facilities.html" accesskey="S" title="">Facilities</a></li>
        <li><a href="employment.html" accesskey="V" title="">Current Customers</a></li>
<li><a href="contact.html" accesskey="U" title="">Contact Us</a></li>
</ul>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<h1 class="style1">Welcome to North American Assembly</h1>
<p>
North American Assembly is a customer driven ISO/TS 16949 certified company providing prototype and production plastic welding, assembly & testing to a variety of industries.
In business since 1998, we pride ourselvewith an impeccable quality record, extremely low employee turnover, low overhead and truly understand the importance of program deadlines regardless of the circumstances.
With all programs, we get involved upfront and aide engineering in the design and process to optimize and benefit both parties.
</p>
   </div>
<div class="floating-box" style="margin-right: 10px;">
<p><img src="images/image34.png" alt="" title="METAL STAMPING" width="150" height="180"></p>
   <h2 class="title">Production Services</h2>
   <p>Specializing in assembly is our strong point. Although there are many suppliers that claim they offer assembly services, and do, as well as their core business of molding or stamping, no supplier can match the expertise and quality that we can provide.</p>
   </div>
<div class="floating-box" style="margin-right: 10px;">
<p><img src="images/fc_cnc.jpg" alt="" title="PLASTIC MOLDING" width="150" height="180"></p>
   <h2 class="title">Prototype Services</h2>
<p>Prototype assembly is often overlooked in the learning process for production. We specialize in working with the customer up front in the prototype stage to foresee production assembly problems, improve products and provide engineering solutions for part design and processing issues.</p>
   </div>
        <div class="floating-box">
<p><img src="images/fc_sla.jpg" alt="" title="RAPID PROTOTYPING" width="150" height="180"></p>
<h2 class="title">Option</h2>
<p>If you are in need of a working prototype part and have a tight time table, Complete Prototype can assist you with our rapid prototype abilities.</p>
   </div>
</div>

<div id="sidebar">
<div id="links">
<ul>
<li><span class="style5"><a href="engineering.html">Option 1 </a></span></li>
                <li class="style5"><a href="rapid-prototyping.html">Option 2</a></li>
                <li class="style5"><a href="cnc.html">Option 3</a></li>
                <li class="style5"><a href="sheetmetal.html">Option 4</a></li>
<li class="style5"><a href="injection-molding.html">Option 5</a></li>
                <li class="style5"><a href="blow-molding.html">Option 6</a></li>
                <li class="style5"><a href="reaction-molding.html">Option 7</a></li>
                <li class="style5"><a href="thermoforming.html">Option 8</a></li>
                <li class="style5"><a href="compression-molding.html">Option 9</a></li>
                <li class="style5"><a href="fixtures-gauges.html">Option 10</a></li>
                <li class="style5"><a href="assembly.html">Option 11</a></li>
                <li><span class="style5"><a href="quality.html">Option 12</a></span></li>
</ul>
   </div>
<div>
<h2>Our Mission</h2>
<blockquote>
<p>Quality is priority to every circumstance at North American Assembly. In a world where 99.99% is not acceptable today, we are committed to 100% quality in our products and services to our customers. We believe quality begins with our management's commitment to our employees, and that our people provide the power for 100% quality. </p>
</blockquote>
    </div>
</div>

<div style="clear: both; height: 1px; border-color: #0A3E8A; border-spacing: 0px 0px; margin-right: 58px; position: static; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;"></div>
</div>

<div id="footer">
<div class="wrapper">
<p class="links">© 2014 North American Assembly | Tel (248)-335-6702| Fax (248)-335-6948 | 4325 Giddings Road| Auburn Hills, MI 48326 USA</p>
</div>
</div>
</body>
</html>
and my css
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
margin: 0;
padding: 0;
.style5 {font-size: 95%}
#header {
width: 760px;
height: 155px;
margin: 0 auto;
background: #09316e url(images/fc_logo_2.png) no-repeat;
body {
background: #E3E3E6 url(images/img01_temp_2.jpg) repeat-x;
font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #88888A;
h1, h2, h3 {
color: #313131;
h1 {
margin-bottom: .5em;
font-size: 182%;
font-weight: normal;
letter-spacing: -2px;
h2 {
margin-bottom: .5em;
font-size: 136%;
font-weight: normal;
letter-spacing: -1px;
h3 {
font-size: 100%;
font-weight: bold;
p, blockquote, ol, ul {
margin-bottom: 1em;
text-align: justify;
line-height: 100%;
font-size: 100%;
blockquote {
margin-left: 2em;
ol {
margin-left: 2em;
ul {
list-style: none;
ul li {
padding-left: 1em;
background: url(images/img07.gif) no-repeat left center;
a {
text-decoration: none;
color: #313131;
a:hover {
text-decoration: underline;
color: #0b3e8a;
/* Menu */
#menu {
width: 740px;
height: 40px;
margin: 0 auto;
border-left: 20px solid #09316e;
background: #FFFFFF;
#menu ul {
margin: 0;
padding: 0;
list-style: none;
#menu li {
padding: 0;
display: inline;
background: none;
#menu a {
display: block;
float: left;
height: 30px;
padding: 10px 20px 0px 20px;
font-size: 97%;
font-weight: bold;
#menu a:hover {
background: #09316e;
text-decoration: none;
color: #FFFFFF;
#menu b {
text-decoration: underline;
/* Logo */
#logo {
width: 760px;
height: 220px;
margin: 0 auto;
background: #010100 url(images/fc_main.png)
#logo-aboutus {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-aboutus.png)
#logo-services {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-services.png)
#logo-data {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-data.png)
#logo-cnc {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-cnc.png)
#logo-assem {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-assem.png)
#logo-sheetmetal {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-sheetmetal.png)
#logo-rapid {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-rapid.png)
#logo-quality {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-quality.png)
#logo-fixture {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-fixture.png)
#logo-lost {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-lost.png)
#logo-compression {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-compression.png)
#logo-injection {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-injection.png)
#logo h1 {
margin: 0;
padding: 120px 0 0 0;
text-align: right;
letter-spacing: -1px;
font-size: 189%;
#logo h2 {
margin: 0;
padding: 0 0 0 0;
text-align: right;
letter-spacing: -1px;
font-size: 100%;
font-weight: bold;
font-style: italic;
#logo a {
text-decoration: none;
color: #FFFFFF;
/* Page */
#page {
width: 760px;
margin: 0 auto;
background: url(images/img03.jpg) repeat-y;
/* Content */
#content {
float: left;
width: 500px;
padding: 20px 30px 20px 50px;
#welcome {
margin-bottom: 20px;
padding-bottom: 1px;
background: url(images/img04.gif) repeat-x left bottom;
color: #000;
.floating-box {
float: left;
width: 160px;
.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
line-height: 100%;
font-size: 92%;
text-align: left;
.floating-box img {
border: 5px solid #FFFFFF;
/* Sidebar */
#sidebar {
float: right;
width: 140px;
padding: 20px;
#sidebar blockquote {
margin-left: 0;
padding-left: 1em;
background: url(images/img09.gif) no-repeat right bottom;
border-left: 5px solid #0b3e8a;
#sidebar blockquote p {
text-align: left;
line-height: normal;
font-style: italic;
#links {
#links ul {
background: url(images/img04.gif) repeat-x left bottom;
#links li {
padding: 5px 0;
background: url(images/img04.gif) repeat-x left top;
#links a {
padding-left: 1em;
background: url(images/img08.jpg) no-repeat left center;
color: #0b3e8a;
/* Footer */
#footer {
height: 43px;
#footer .wrapper {
width: 760px;
margin: 0 auto;
#footer .links {
float: left;
width: 680px;
height: 27px;
padding: 16px 30px 0 30px;
background: #09316e;
border-left: 20px solid #09316e;
font-size: 85%;

I am trying to create a RSS feed from scratch

Okay so I want to create a RSS feed with these two links:
http://www.networkcomputing.com/rss.php
and
http://www.voip-news.com/rss/vnar.xml
I have checked out different widgets and what not but I want to create this from scratch.
I started this xml file:
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title>Network Computing</title>
<link>http://www.networkcomputing.com/all.xml</link>
<description>Top stories and blogs</description>
<lastBuildDate>Wed, 14 Jul 2010 10:19:00 GMT</lastBuildDate>
<language>en-us</language>
<item>
<title>Catbird, Hytrust Offer Integrated Virtualization Compliance Reporting
</title>
<link>http://www.networkcomputing.com/virtualization/catbird-hytrust-offer-integrated- virtualization-compliance-reporting.php</link>
<guid>http://www.networkcomputing.com/virtualization/catbird-hytrust-offer-integrated- virtualization-compliance-reporting.php</guid>
<pubDate>Wed, 14 Jul 2010 10:19:00 GMT</pubDate>
<description>Virtualization security companies Hytrust and Catbird will offer integrated compliance reporting that encompasses the hypervisor-host and network environment down through the virtual machine level. Catbird vSecurity, delivered either as a hosted service or virtual appliance, ensures correct hypervisor configuration and deploys network access control (NAC) against unauthorized access and protection against attack via IDS/IPS. Its VMShield component protects client VMs, tracks them as they move and enforces policy.</description>
</item>
</channel>
</rss>
So I created a button on my home page, and it is linked to this XML file. Everything works great except it only shows the item that I coded in...I want it to show ALL items.
Can I do this without having to input each item individually?
Is this how I should do it anyways with a button linking to this xml file?
I really want to have like 3-5 of the posts to auto update on my home page but I dont know how to embed the RSS into my HTML home page file.
Also, the way I have it coded, will it automatically update the new posts?
or do I have to wait for the new post and input the item into the xml file?
I am very new to the RSS feed so please help.
Thanks,
cp

Here is my HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

</style>
<script type="text/javascript">

</script>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
    background-color: #3B5998;
.style2 {
    font-size: 14px
.style6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #97B1F4;
.style7 {color: #FFFFFF}
.style8 {
    color: #97B1F4;
    font-weight: bold;
    font-size: 12px;
    font-family: Helvetica;
    margin-left: 35px;
.style9 {color: #97B1F4}
.style10 {
    color: #97B1F4;
    font-size: 12px;
    font-family: Helvetica;
    font-weight: bold;
.style11 {
    color: #97B1F4;
    font-size: 12px;
    font-family: Helvetica;
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://config.spry-it.com/js?f=1.7/data/1.7/jsondataset/nestedjsondataset"></script>
<script src="SpryAssets/SpryDataYQLDataSet.js"></script>
<script>
var dsItem = new Spry.Data.YQLDataSet(
    'select * from xml where url="http://www.networkcomputing.com/all.xml"',
    false,
        format:"xml",
        preparseFunc: function( strxml ){
            var xml = Spry.Utils.stringToXMLDoc( strxml ), ds = Spry.Data.XMLDataSet.getRecordSetFromXMLDoc( xml, "rss/channel/item" );
            return ds.data;
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
</script>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="navigation">
<div id="navbar">
<ul class="style2">
    <li><a href="index.html">Home</a></li>
    <li><a href="solutions.html">Solutions</a></li>
    <li><a href="services.html">Services</a></li>
    <li><a href="support.html">Support</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="navigation2">
<img src="images/navigation_2.jpg" />
</div>
<div id="content">
<div id="right_content">
<div id="video">
<embed src="network.mp4" width="320" height="162" autostart="true" style="background-color: Black; " type="video/quicktime" autoplay="true" loop="true" controller="true" pluginspage="http://www.apple.com/quicktime/download/"></embed>
</div>
<div id="title_bar">
    <p class="style8"><a target="_blank" href="http://www.networkcomputing.com/all.xml">RSS Network Computing</a></p>
    </div>
<div id="PageWrap">
<div class="MasterDetail">
<p class="style10">Select a Channel:</p>
    <div spry:region="dsItem" id="MasterContainer" class="MasterContainer">
      <div spry:repeat="dsItem" spry:test="{ds_RowID}<4" spry:choose="choose">
        <div class="MasterColumn" spry:when="{ds_RowID} == {ds_CurrentRowID}" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:selected="MasterColumnSelected" spry:hover="MasterColumnHover" spry:setrow="dsItem">{title}</div>
        <div class="MasterColumn" spry:default="default" spry:select="MasterColumnSelected" spry:selectgroup="master" spry:hover="MasterColumnHover" spry:setrow="dsItem">{title}</div>
      </div>
    </div>
    <br/>
    <div spry:detailregion="dsItem" class="DetailContainer">
      <div class="DetailColumn"><span class="style9">Category:</span>  <span>{category}</span></div>
      <div class="DetailColumn"><span class="style9">Published:</span>  <span>{pubDate}</span></div>
      <div class="DetailColumn"><span class="style9">Author:</span>  <span>{author}</span></div>
      <br/>
      <div class="DetailColumn"><span class="style9">Description:</span><br><span>{description}</span>  <button onClick="MM_openBrWindow('{link}','','')">More...</button></div>
    </div>
    <br style="clear:both" />
</div>
</div>
<div id="title_bar">
    <p class="style8"><a target="_blank" href="http://www.voip-news.com/rss/vnar.xml">RSS VoIP News</a></p>
    </div>
    <p class="style11"><a href="voip_rss.html">View Now (Click Here)</a></p>
</div>
<div id="left_content">
</div>
<div id="logos">
</div>
</div>
<div id="footer">
<div id="footerbox">
<p class="style6"><span class="style7">Stanford Technologies</span> © Copyright, 2010. All Rights Reserved. Powered by <span class="style7">Chris Proett</span></p>
</div>
</div>
</div>
</body>
</html>
I just want to take away the scroll bar in FF.

I am unable to submit my RSS feed into iTunes

Podcast RSS feed not being accepted by iTunes
I have registered my main podcast RSS feed in iTunes successfully. I want to migrate this RSS feed from feedburner to PowerPress, but I want to prototype it first before I move the real feed. To that end, I created another Blogger blog site and Feedburner rss feed that has the same settings as my main feed. The feed is using SmartCast to configure the RSS feed for iTunes compatibility. I cannot get the test feed to load into iTunes though. I get this error message:
Podcast cover art must be at least 1400x1400 pixel JPG or PNG, in RGB color space, and hosted on a server that allows HTTP head requests.
I had the artist give me a 1400x1400 pixel version of the logo in RGB color space (I’m not sure how to verify this). Here is a link to the logo, if anyone can tell by looking at the picture or site what is wrong that needs to be fixed. http://s24.postimg.org/lvuuf7v91/ARP_logo_i_Tunes.jpg
I have read as many forum posts as I can to try and solve this issue and nothing has worked so far. Can someone tell me what is wrong with my image or RSS feed that is causing iTunes to reject the feed?
Here is the RSS feed:
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?>
<?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?>
<rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0">
<channel>
<atom:id>tag:blogger.com,1999:blog-2141959670783740217</atom:id>
<lastBuildDate>Wed, 18 Feb 2015 06:39:04 +0000</lastBuildDate>
<title>jwaitdev</title>
<description />
<link>http://jwaitdev.blogspot.com/</link>
<managingEditor>[email protected] (John W)</managingEditor>
<generator>Blogger</generator>
<openSearch:totalResults>1</openSearch:totalResults>
<openSearch:startIndex>1</openSearch:startIndex>
<openSearch:itemsPerPage>25</openSearch:itemsPerPage>
<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Jwaitdev" />
<feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="jwaitdev" />
<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" />
<media:thumbnail url="http://s24.postimg.org/lvuuf7v91/ARP_logo_i_Tunes.jpg" />
<media:keywords>comic,books,comics,marvel,dc,batman,superman,x,men,avengers,won der,woman,arcs,iron,man,captain,america,hulk,green,lantern,arrow,justice,league, aquaman,thor,cyclops,storm,wolverine,spiderman</media:keywords>
<media:category scheme="http://www.itunes.com/dtds/podcast-1.0.dtd">Games & Hobbies/Hobbies</media:category>
<itunes:owner>
<itunes:email>[email protected]</itunes:email>
</itunes:owner>
<itunes:explicit>no</itunes:explicit>
<itunes:image href="http://s24.postimg.org/lvuuf7v91/ARP_logo_i_Tunes.jpg" />
<itunes:keywords>comic,books,comics,marvel,dc,batman,superman,x,men,avengers,wo nder,woman,arcs,iron,man,captain,america,hulk,green,lantern,arrow,justice,league ,aquaman,thor,cyclops,storm,wolverine,spiderman</itunes:keywords>
<itunes:subtitle>Jwait Dev</itunes:subtitle>
<itunes:summary>My development blog for testing migration</itunes:summary>
<itunes:category text="Games & Hobbies">
<itunes:category text="Hobbies" />
</itunes:category>
<image>
<link>http://jwaitdev.blogspot.com</link>
<url>https://feedburner.google.com/fb/images/pub/fb_pwrd.gif</url>
<title>http://s27.postimg.org/fnxhw7lhb/ARP_logo_RSS.jpg</title>
</image>
<item>
<guid isPermaLink="false">tag:blogger.com,1999:blog-2141959670783740217.post-38349488 96057833951</guid>
<pubDate>Wed, 18 Feb 2015 06:39:00 +0000</pubDate>
<atom:updated>2015-02-17T22:39:04.500-08:00</atom:updated>
<title>ARP - 32 - Teen Titans: Judas Contract</title>
<description>Dev blog for practicing migration.<div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-Miu_JPJPmiA/VOQzZPvEy0I/AAAAAAAAAGw/dg_kz3v_N8A/s1600/ teen%2Btitan%2Bcopy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Miu_JPJPmiA/VOQzZPvEy0I/AAAAAAAAAGw/dg_kz3v_N8A/s1600/ teen%2Btitan%2Bcopy.jpg" height="194" width="320" /></a></div><div><br /></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Jwaitdev?a=sYEG3TSBXJw:tD9aLoP_o-A:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Jwaitdev?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Jwaitdev?a=sYEG3TSBXJw:tD9aLoP_o-A:63t7Ie-LG7Y"><img src="http://feeds.feedburner.com/~ff/Jwaitdev?d=63t7Ie-LG7Y" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Jwaitdev?a=sYEG3TSBXJw:tD9aLoP_o-A:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/Jwaitdev?d=qj6IDK7rITs" border="0"></img></a>
</div></description>
<enclosure type="audio/mpeg" url="http://archive.org/download/ARP32JudasContract/ARP-32-JudasContract.mp3" length="0" />
<link>http://jwaitdev.blogspot.com/2015/02/arp-32-teen-titans-judas-contract.html</link>
<author>[email protected]</author>
<media:thumbnail url="http://1.bp.blogspot.com/-Miu_JPJPmiA/VOQzZPvEy0I/AAAAAAAAAGw/dg_kz3v_N8A/s72-c/ teen%2Btitan%2Bcopy.jpg" height="72" width="72" />
<thr:total>0</thr:total>
<media:content url="http://archive.org/download/ARP32JudasContract/ARP-32-JudasContract.mp3" type="audio/mpeg" />
<itunes:explicit>no</itunes:explicit>
<itunes:subtitle>Dev blog for practicing migration.</itunes:subtitle>
<itunes:author>[email protected]</itunes:author>
<itunes:summary>Dev blog for practicing migration.</itunes:summary>
<itunes:keywords>comic,books,comics,marvel,dc,batman,superman,x,men,avengers,wo nder,woman,arcs,iron,man,captain,america,hulk,green,lantern,arrow,justice,league ,aquaman,thor,cyclops,storm,wolverine,spiderman</itunes:keywords>
</item>
<language>en-us</language>
<media:rating>nonadult</media:rating>
<media:description type="plain">Jwait Dev</media:description>
</channel>
</rss>

I was shown on another forum that the web hosting site had resized the image. When I uploaded the image to Image Shack, it was fine. Image Shack does not resize the image on you.

Spry collapsible panel to open from link on same page

Hi guys.
I have a page with about 17 collapsible panels. What I would like to do is in my sidebar have a quicklinks which will 1) anchor down to the relevant panel and 2) open that closed panel.
My first problem I know can easily be fixed with anchor tags which I have done. I will also assume that I can do something like <a href="#anchorname" onclick="" > to solve my 2nd problem, but can someone maybe advise to what the command is to actually open the panel. I have attached a sample below of one of my panels:
var banking10 = new Spry.Widget.CollapsiblePanel("banking10", {contentIsOpen:false});
I have VERY VERY VERY limited experience with Javascript (else I guess this would have been a breeze )
Thanks in advance!

The following is a document called untitled.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
</head>
<body>
<div>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="untitled.html?col1=1">Open 1st CP</a></li>
<li><a href="untitled.html?col2=1">Open 2nd CP</a></li>
</ul>
</div>
<div id="CollapsiblePanel1" class="CollapsiblePanel" style="clear:both;">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content CP1</div>
</div>
<div id="CollapsiblePanel2" class="CollapsiblePanel" style="clear:both;">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content CP2</div>
</div>
<script src="SpryAssets/SpryMenuBar.js"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js"></script>
<script src="SpryAssets/SpryURLUtils.js"></script>
<script>
var params = Spry.Utils.getLocationParamsAsObject();
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen: params.col1 ? true : false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen: params.col2 ? true : false});
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Copy and paste the above into your own document to test the code, making sure that all the linked files are in their correct location. The markup contains a SpryMenuBar and two SpryCollapsiblePanel's
Gramps

br style="clear:both"/

Similar Messages

Maybe you are looking for