Horizonal spry menu only works in IE
My horizonal Spry menu looks perfect in IE, but in every other browser it appear as vertical. Any suggestions? http://www.sloctheater.org/spry%20problem.html
You not are using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Gramps
Similar Messages
-
Accordion menu only working after refreshing
Hi,
I created my menu by putting module menu version2 code: {module_menu, version="2", menuId="5475", moduleTemplateGroup="Prodcut Menu"} in a page template. It created the correct format of menu I want:
<div id="ProductMenu">
<ul id="ProductMenuList" class="clearfix">
<li class="ProductOne">
<a href="/Products/productone">ProductOne</a> <ul class="clearfix">
<li class="subProductOne1">
<li class="subProductOne2">
<li class="subProductOne3"> <li class="subProductOne4">
</ul>
</li>
<li class="ProductTwo">
<a href="/Products/productone">ProductTwo</a>
<ul class="clearfix">
<li class="subProductTwo1"> <li class="subProductTwo2"> <li class="subProductTwo3"> <li class="subProductTwo4"> </ul>
</li>
</ul>
</div>
I need to make it an accordion menu. So I used jquery ui. But the accordion menu only works after I refresh the page. Here are the scripts I have at the head of the page template:
<link href="styles/jquery-ui.css" rel="stylesheet" />
<script src="javascripts/jquery-1.8.3.js"></script>
<script src="javascripts/jquery-ui.js"></script>
<script>$(function() {$( "#ProductMenuList" ).accordion();});
</script>
The link path works absolutely fine and the menu works at localhost. I also tried creating an external js for the script, and also put it at the end of body. But no luck. Could the code: {module_menu, version="2", menuId="5475", moduleTemplateGroup="Prodcut Menu"} be the reason that makes the script called before page content is created? Any ideas?http://ppdecom.businesscatalyst.com/products
Thx -
Spry Menu not working correctly
Hopefully this is the right part of the forum to post this question, if not, I apologize.
I have created a site in dreamweaver and am using a single Spry Menu Bar. I have read tons of forum postings about Drop down menus not working in IE, however, mine don't work in any browser or in the Live View either. I have a feeling it has something to do with either the div containing the menu bar or the sizing, but I can't tell. Please help.
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size:17px;
font-family:Tahoma, Geneva, sans-serif;
cursor: default;
width: 100%;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size:100%;
position: relative;
text-align: left;
cursor: pointer;
width:6.8em;
height:3.5em;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size:100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #CCC;
padding: 0.7em 0.5em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
float: left;
background: #FFF;
Here is the code for the page
<!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>
<script language="javascript" type="text/javascript" src="http://www.onbile.com/websites/41ea989914d81eb7bd2e415141cd40fe"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>GuitarFusion.com - Play. Learn. Make Music</title>
<link href="guitarfusionblogstyle.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>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-15280994-2']);
_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>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('images/homeOver.jpg','images/BioOver.jpg','images/LearnOver.jpg ','images/LessonsOver.jpg','images/ContactOver.jpg')">
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<div id="social"><a href="http://www.facebook.com/pages/Guitarfusion/208575872514732"><img src="../images/facebook_32.png" width="32" height="32" alt="Facebook" border="0"/></a><a href="http://www.linkedin.com/in/sammills"><img src="../images/linkedin_32.png" width="32" height="32" alt="Linkedin" border="0" /></a><a href="http://www.myspace.com/lucid77"><img src="../images/myspace_32.png" width="32" height="32" alt="Myspace" border="0" /></a><a href="http://twitter.com/#!/guitarfusion"><img src="../images/twitter_32.png" width="32" height="32" alt="Twitter" border="0"></a><a href="http://www.guitarfusion.com/blog"><img src="../images/wordpress_32.png" width="32" height="32" alt="Wordpress" border="0"/></a><a href="http://www.youtube.com/guitarfusiondotcom"><img src="../images/youtube_32.png" width="32" height="32" alt="Youtube" border="0" /></a></div>
<!-- Old Nav
<div id="nav"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/homeOver.jpg',1)"><img src="images/home.jpg" alt="Home" name="Home" width="97" height="45" border="0" id="Home" /></a><a href="biography.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bio','','images/BioOver.jpg',1)"><img src="images/Bio.jpg" alt="Biography" name="Bio" width="97" height="45" border="0" id="Bio" /></a><a href="learn.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Learn','','images/LearnOver.jpg',1)"><img src="images/Learn.jpg" alt="Learn Online" name="Learn" width="97" height="45" border="0" id="Learn" /></a> <a href="lessons.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Lessons','','images/LessonsOver.jpg',1)"><img src="images/Lessons.jpg" alt="Lessons" name="Lessons" width="109" height="45" border="0" id="Lessons" /></a> <a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/ContactOver.jpg',1)"><img src="images/Contact.jpg" alt="Contact" name="Contact" width="126" height="45" border="0" id="Contact" /></a></div>
End Old Nav -->
<div id="navdropdown">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">About Me</a>
<ul>
<li><a href="#" title="A little about myself.">Biography</a></li>
<li><a href="#">Cirriculum Vitae</a></li>
<li><a href="#" title="See me play or teach.">Mp3 & Videos</a></li>
<li><a href="#" title="Where am I am playing?">Performances</a></li>
<li><a href="#" title="Want me to play your event or party?">Booking</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Lessons</a>
<ul>
<li><a href="#" title="What will you learn?">Syllabus</a> </li>
<li><a href="#" title="How much does this cost?">Pricing</a></li>
<li><a href="#" title="Where do lessons take place?">Locations</a></li>
<li><a href="#" title="What books and supplies will you need?"> Books & Supplies</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Learn Online</a>
<ul>
<li><a href="#">Guitar</a></li>
<li><a href="#">Bass</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Contact</a>
<ul>
<li><a href="#">Email </a></li>
<li><a href="#" title="Facebook, Twitter, Etc..">Social Media</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="content">
<div id="blog_header"></div>
<div id="sidebar">
<form method=post action="http://poll.pollcode.com/Vp1c"><table border=0 width=150 bgcolor="#ffffff" cellspacing=0 cellpadding=2><tr><td colspan=2><font face="Verdana" size=-1 color="teal"><center><b>Most useful video lesson topics:</b></center></font></td></tr><tr><td width=5><input type=radio name=answer value="1"></td><td><font face="Verdana" size=-1 color="000000">Open Chords</font></td></tr><tr><td width=5><input type=radio name=answer value="2"></td><td><font face="Verdana" size=-1 color="000000">Barre Chords</font></td></tr><tr><td width=5><input type=radio name=answer value="3"></td><td><font face="Verdana" size=-1 color="000000">Scales</font></td></tr><tr><td width=5><input type=radio name=answer value="4"></td><td><font face="Verdana" size=-1 color="000000">Arpeggios</font></td></tr><tr><td width=5><input type=radio name=answer value="5"></td><td><font face="Verdana" size=-1 color="000000">Music Reading</font></td></tr><tr><td width=5><input type=radio name=answer value="6"></td><td><font face="Verdana" size=-1 color="000000">Picking Technique</font></td></tr><tr><td width=5><input type=radio name=answer value="7"></td><td><font face="Verdana" size=-1 color="000000">Strumming Patterns</font></td></tr><tr><td width=5><input type=radio name=answer value="8"></td><td><font face="Verdana" size=-1 color="000000">Tab Reading</font></td></tr><tr><td width=5><input type=radio name=answer value="9"></td><td><font face="Verdana" size=-1 color="000000">Songwriting</font></td></tr><tr><td width=5><input type=radio name=answer value="10"></td><td><font face="Verdana" size=-1 color="000000">Improvisation</font></td></tr><tr><td width=5><input type=radio name=answer value="11"></td><td><font face="Verdana" size=-1 color="000000">Triads</font></td></tr><tr><td colspan=2><center><input type=submit value="Vote"> <input type=submit name=view value="View"></center></td></tr><tr><td bgcolor="white" colspan=2 align=right><font face="Verdana" size=-2 color="black">pollcode.com <a href=http://pollcode.com/><font color="navy">free polls</font></a></font></td></tr></table></form><a href="./studies.html">
<img src="images/studies.jpg" border="0" /></a><br/><br/>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 'auto',
height: 200,
theme: {
shell: {
background: '#aee5f5',
color: '#4b508f'
tweets: {
background: '#dbdbdb',
color: '#333333',
links: '#336699'
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}).render().setUser('guitarfusion').start();
</script></font><br/>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Guitarfusion/208575872514732" width="200" show_faces="true" border_color="" stream="true" header="true"></fb:like-box>
</div>
<div id="blog">
<?php
/* Short and sweet */
define('WP_USE_THEMES', false);
require('./blog/wp-blog-header.php');
?>
<?php
require('./blog/wp-blog-header.php');
?>
<?php
$posts = get_posts('numberposts=10&order=ASC&orderby=post_title');
foreach ($posts as $post) : start_wp(); ?>
<?php the_date(); echo "<br />"; ?>
<h2><?php the_title(); ?> </h2>
<?php the_content() ?>
<a class="bloglink" href="<?php the_permalink() ?>">
Read more...</a><br />
<?php
endforeach;
?>
</div>
<div id="ad_middle"></div>
<div id="blog_bottom2">
<h1> Free Stuff</h1>
<br/>
<ul>
<li><a href="http://www.metronomeonline" target="_new">Online Metronome</a> - Metronomes are a great tool to use during practice to keep a steady tempo and to help increase speed of passages. Use this online metronome if you do not already have a stand alone metronome.</li><br/>
<li><a href="http://itunes.apple.com/us/app/id347846503">Iphone / Itouch Metronome</a> - This is an example of several free metronome apps that are available for your phone. Android users can also find free metronomes on the Marketplace. Be sure and read the ratings, some are better at keeping time than others.</li><br/>
<li><a href="https://market.android.com/details?id=com.pedrocorp.android.guitar&feature=search_result">Android Phone Metronome / Tuner / Chord Dictionary</a>This handy little app will not only provide you with a tuner, but has a built-in metronome and chord dictionary. - </li><br/>
<li><a href="http://tuxguitar.herac.com.ar/" target="_new">Free Guitar Tab Editor</a> - View / Create Tab - Free alternative to GuitarPro Software. Use this software to open .gp3, .gp4, .gp5 files and search for music online.</li><br/>
<li><a href="http://www.blanksheetmusic.net/">Free Blank Sheet Music</a> - Print blank sheet music. Choose from standard notation, treble, bass, alto clefs, and tablature. </li><br/>
<li><a href="http://www.911tabs.com/">Free Tablature Search Engine</a> - This is a great search engine to find tabs. I mainly use this to find .gp5 files for my Tux Guitar Software. </li>
</ul>
</div>
<div id="blog_bottom"><span style="float:left;">
<img src="images/mapad.jpg" /></span>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q=1060+West+State+Road+434,+Longwood,+FL&sll=28.697815,-81.364 128&hl=en&sspn=0.006295,0.006295&ie=UTF8&hq=&hnear=1060+Florida+434,+Longwood,+Florida+327 50&ll=28.70572,-81.364145&spn=0.026349,0.036478&z=14&iwloc=A&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?q=1060+West+State+Road+434,+Longwood,+FL&sll=28.697815,-81.364 128&hl=en&sspn=0.006295,0.006295&ie=UTF8&hq=&hnear=1060+Florida+434,+Longwood,+Florida+327 50&ll=28.70572,-81.364145&spn=0.026349,0.036478&z=14&iwloc=A&source=embed" style="color:#0000FF;text-align:right">View Larger Map</a></small>
</div>
</div>
<div id="footer">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../biography.html">Biography</a></li>
<li><a href="../learn.html">Learn Guitar</a></li>
<li><a href="../Lessons.html">Guitar Lessons</a></li>
<li><a href="../contact.html">Schedule Lessons</a></li>
<li><a href="mailto:[email protected]">Contact Webmaster</a></li>
</ul>
© 2006-2011 Guitarfusion.com All Rights Reserved. Unauthorized Use Prohibited.
</div>
</div>
</body>
</html>
And here is the code for the index.php's css
body {
background-color: #ff9933;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
p {
text-align:center;
text-indent:15px;
#wrapper {
width:960px;
height:100%;
margin-left:30px;
position:absolute;
#header {
width:960px;
height:310px;
background-image: url(images/gfheader.gif);
background-position:center;
background-repeat:no-repeat;
position:relative;
z-index:0;
#logo {
height:242px;
width:235px;
background-image:url(images/GuitarFusionLogo.gif);
position:relative;
top:40px;
left:80px;
z-index:1;
visibility:hidden;
#nav {
width:600px;
height:45px;
z-index:2;
position:relative;
top:12px;
left:290px;
visibility:hidden;
#navdropdown {
background-color:#999;
width:600px;
height:45px;
z-index:3;
position:relative;
top:12px;
left:290px;
#content {
width:840px;
height:1800px;
background-color:#fff;
position:relative;
margin-left:60px;
#social {
width:195px;
height:32px;
border:none;
position:relative;
text-align:right;
bottom:25px;
right:65px;
float:right;
z-index:3;
visibility:hidden;
.social {
margin-left:50px;
#blog {
width:600px;
height:500px;
border: thin solid #000;
position:relative;
top:15px;
left:15px;
float:left;
z-index:1;
overflow:auto;
background-color:#d6e8f7;
#blog_header {
width:625px;
height:45px;
background-Image:url(images/blogheader.gif);
position:relative;
top:20px;
left:5px;
z-index:2;
float:left;
.nav {
margin-left:20px;
#sidebar {
width:200px;
height:1500px;
border:none;
left:-10px;
top:10px;
position:relative;
float:right;
#ad_middle {
width:600px;
height:200px;
border: thin solid #000;
position:relative;
top:15px;
left:15px;
z-index:1;
overflow:auto;
float:left;
background-color:#EFF5E9;
background-image:url(images/lessonsad.jpg);
background-repeat:no-repeat;
background-position:center;
#blog_bottom {
width:600px;
height:370px;
border: thin solid #000;
position:relative;
top:15px;
left:15px;
z-index:1;
overflow:auto;
float:left;
background-color:#F6F6F6;
#contentwrapper {
width:650px;
height:500px;
position:relative;
top:50px;
float:left;
margin-left:95px;
#header_content {
width:624px;
height:43px;
background-image:url(images/Header.gif);
text-align:center;
font-size:28px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height:40px;
color:#FFF;
position:relative;
left:10px;
#bio_content {
width:600px;
height:1000px;
.biopic {
float:left;}
#learn_content {
width:600px;
height:100%;
#faq {
width:700px;
height:600px;
background-color:#f8f8f8;
border:thin solid #000;
margin-left:60px;
#books {
width:750px;
height:700px;
position:relative;
float:left;
margin-left:35px;
fieldset {
margin: 1em 0;
padding: 1em;
border : 1px solid #ccc;
background: #f8f8f8;
legend {
font-weight: bold;
#form_content {
position:relative;
left:160px;
height:880px;
width:500px;
text-align:center;
background-color:#E7EFFF;
border:double #900;
form div {
background-color:#f8f8f8;
padding:0px;
margin:0px;
#footer {
width:960px;
height:40px;
bottom:0px;
position:relative;
text-align:center;
line-height:1px;
font-size:10px;
padding-bottom:10px;
#footer ul li {
display:inline;
margin:20px;
#footer ul li a {
text-decoration:none;}
#blog_bottom2 {
width:600px;
height:370px;
border: thin solid #000;
position:relative;
top:15px;
left:15px;
z-index:1;
overflow:auto;
float:left;
background-color:#F6F6F6;
text-align:center;
#studies{
width:600px;
height:800px;
position:relative;
margin-left:110px;
text-align:center;
background:#f8f8f8;
#blog_bottom2 ul li
{list-style-type:none
Any help is appreciated.You do not have a constructor for the menu bar as in
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
There are too many mistakes in the JS outside of the Spry Menu Bar. Have a look at the following which includes all errors, not just the JS
Validation Output: 117 Errors
Line 21, Column 38: character "&" is the first character of a delimiter but occurred as data var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=… ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 21, Column 40: cannot generate system identifier for general entity "i" … var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=… ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 21, Column 40: general entity "i" not defined and no default entity … var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 41: reference not terminated by REFC delimiter …var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x… ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 21, Column 41: reference to entity "i" for which no system identifier could be generated …var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 39: entity was defined here var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=…
Line 21, Column 50: character "&" not allowed in attribute specification list …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
Line 21, Column 50: element "a.length" undefined …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
Line 21, Column 51: character "&" is the first character of a delimiter but occurred as data …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 21, Column 60: character "&" is the first character of a delimiter but occurred as data …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 21, Column 62: cannot generate system identifier for general entity "x.oSrc" …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 21, Column 62: general entity "x.oSrc" not defined and no default entity …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 68: reference to entity "x.oSrc" for which no system identifier could be generated …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 61: entity was defined here …,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
Line 29, Column 76: character ";" not allowed in attribute specification list … var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) ✉
Line 29, Column 76: element "a.length" undefined … var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) ✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
Line 41, Column 57: character "&" is the first character of a delimiter but occurred as data …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 41, Column 59: cannot generate system identifier for general entity "parent.frames.length" …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 41, Column 59: general entity "parent.frames.length" not defined and no default entity …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 41, Column 79: reference not terminated by REFC delimiter …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 41, Column 79: reference to entity "parent.frames.length" for which no system identifier could be generated …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 41, Column 58: entity was defined here …var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
Line 45, Column 15: character "&" is the first character of a delimiter but occurred as data if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 45, Column 17: cannot generate system identifier for general entity "d.all" if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 45, Column 17: general entity "d.all" not defined and no default entity if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 45, Column 22: reference not terminated by REFC delimiter if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 45, Column 22: reference to entity "d.all" for which no system identifier could be generated if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 45, Column 16: entity was defined here if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms…
Line 45, Column 47: character "&" is the first character of a delimiter but occurred as data …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 45, Column 50: reference not terminated by REFC delimiter …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 45, Column 50: reference to entity "i" for which no system identifier could be generated …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 39: entity was defined here var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=…
Line 45, Column 65: character ";" not allowed in attribute specification list …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
Line 45, Column 65: element "d.forms.length" undefined …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; ✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
Line 47, Column 13: character "&" is the first character of a delimiter but occurred as data for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 47, Column 15: cannot generate system identifier for general entity "d.layers" for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
An entity reference was found in the document, but there is no reference by that name defined. Often this is caused by misspelling the reference name, unencoded ampersands, or by leaving off the trailing semicolon (;). The most common cause of this error is unencoded ampersands in URLs as described by the WDG in "Ampersands in URLs".
Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&" (even inside URLs!). Be careful to end entity references with a semicolon or your entity reference may get interpreted in connection with the following text. Also keep in mind that named entity references are case-sensitive; &Aelig; and æ are different characters.
If this error appears in some markup generated by PHP's session handling code, this article has explanations and solutions to your problem.
Note that in most documents, errors related to entity references will trigger up to 5 separate messages from the Validator. Usually these will all disappear when the original problem is fixed.
Line 47, Column 15: general entity "d.layers" not defined and no default entity for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 47, Column 23: reference not terminated by REFC delimiter for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 47, Column 23: reference to entity "d.layers" for which no system identifier could be generated for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 47, Column 14: entity was defined here for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum…
Line 47, Column 23: character "&" is the first character of a delimiter but occurred as data for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 47, Column 26: reference not terminated by REFC delimiter for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.
Line 47, Column 26: reference to entity "i" for which no system identifier could be generated for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum… ✉
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
Line 21, Column 39: entity was defined here var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=…
Line 47, Column 42: character ";" not allowed in attribute specification list …or(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].documen… ✉
Line 47, Column 42: element "d.layers.length" undefined …or(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].documen… ✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
Line 49, Column 9: character "&" is the first character of a delimiter but occurred as data if(!x && d.getElementById) x=d.getElementById(n); return x; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 49, Column 10: character "&" is the first character of a delimiter but occurred as data if(!x && d.getElementById) x=d.getElementById(n); return x; ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 59, Column 76: character "<" is the first character of a delimiter but occurred as data …=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) ✉
This message may appear in several cases:
You tried to include the "<" character in your page: you should escape it as "<"
You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
Another possibility is that you forgot to close quotes in a previous tag.
Line 65, Column 9: end tag for "d.layers.length" omitted, but OMITTAG NO was specified </script> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 47, Column 26: start tag was here for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docum…
Line 65, Column 9: end tag for "d.forms.length" omitted, but OMITTAG NO was specified </script> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 45, Column 50: start tag was here …x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
Line 65, Column 9: end tag for "a.length" omitted, but OMITTAG NO was specified </script> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 29, Column 67: start tag was here … var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
Line 65, Column 9: end tag for "a.length" omitted, but OMITTAG NO was specified </script> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 21, Column 41: start tag was here …var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x…
Line 121, Column 579: end tag for "img" omitted, but OMITTAG NO was specified …ight="32" alt="Twitter" border="0"></a><a href="http://www.guitarfusion.com/bl… ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 121, Column 492: start tag was here …="http://twitter.com/#!/guitarfusion"><img src="../images/twitter_32.png" widt…
Line 225, Column 14: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified <form method=post action="http://poll.pollcode.com/Vp1c"><table border=0 width=… ✉
Line 225, Column 72: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …poll.pollcode.com/Vp1c"><table border=0 width=150 bgcolor="#ffffff" cellspacin… ✉
Line 225, Column 80: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …lcode.com/Vp1c"><table border=0 width=150 bgcolor="#ffffff" cellspacing=0 cell… ✉
Line 225, Column 114: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …dth=150 bgcolor="#ffffff" cellspacing=0 cellpadding=2><tr><td colspan=2><font … ✉
Line 225, Column 128: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …r="#ffffff" cellspacing=0 cellpadding=2><tr><td colspan=2><font face="Verdana"… ✉
Line 225, Column 146: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …acing=0 cellpadding=2><tr><td colspan=2><font face="Verdana" size=-1 color="te… ✉
Line 225, Column 174: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …d colspan=2><font face="Verdana" size=-1 color="teal"><center><b>Most useful v… ✉
Line 225, Column 197: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag …"Verdana" size=-1 color="teal"><center><b>Most useful video lesson topics:</b>… ✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Line 225, Column 277: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …center></font></td></tr><tr><td width=5><input type=radio name=answer value="1… ✉
Line 225, Column 291: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …</td></tr><tr><td width=5><input type=radio name=answer value="1"></td><td><fo… ✉
Line 225, Column 302: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified …tr><td width=5><input type=radio name=answer value="1"></td><td><font face="Ve… ✉
Line 225, Column 323: end tag for "input" omitted, but OMITTAG NO was specified … type=radio name=answer value="1"></td><td> -
Dreamweaver Spry Menu Not Working Properly
Hello,
I'm putting a horizontal spry menu bar into a table cell (I haven't had the time to learn how to use divs yet and tables have been working fine for me). I have 6 items in the menu with 2 or3 drop down menus for each one. When I view it in live view, when I roll over the menu items, the whole bar drops down to the left side and becomes vertical. Why is this happening? It is shorter than the table cell so that shouldn't be the problem. Thank you for your help.Okay, this is crude, but it's as far as I got. Only some of the buttons cause the menu to move down. Please keep in mind that I am a designer, not a programmer. I'm learning, but am very weak when it comes to coding knowledge. Thanks.
http://littlechisel.com/Ideal_Window/ -
Help with Spry Menu - stopped working
Dear Forum,
I used a Spry Horizonatal Bar menu successfully in a site I
am building. After I modified it to suit my needs it was working
fine (changed colors, font, variable width box, modified hacks for
IE6) until I did some code cleaning to achieve WC3 validation. I
had to change many things in the code, but as far as I am aware
nothing was even remotely tied to the menu. After several passages
I realized with horror that the menu (still there) are not working
anymore. The pull down does not work. I attach the link of the test
site here:
site
Is anyone able to tell me what's not ok in it. I must point
out that senpai.js do not exists; should i remove that lin of code
(I am wondering if it does create a conflict - I removed it but to
no effect, then decided to put it back so I can show you the site
as it is).
I would appreciate any help, I am not expert, this is my
first site and I am sure I am doing something silly; if I just knew
what it is! I am getting mad trying to progress with this. Now I
have valid code, with a menu not working! Not too good as you can
see.
Help, ideas anyone?
Thanks in advance!
Asyavar: Brilliant!
I'm on Windows 7 64bit and this Pages panel stuff was driving me nuts: thumbnails at the far right, snapping shut panel when attempting to resize, no scroll bar, blank panel, everything poopy. I tried all the standard deviations: uninstall/reinstall, new workspace, Ctrl+Shift+Alt on startup, delete files manually, and only ocassionally did the Pages panel work as expected, then it would almost immediately revert to bad stuff.
Your solution worked like a charm, and I thank you from the bottom of my heart...<G> -
Dropdown Menu only working on homepage
Hi,
I have just added a spry menu to a site, but the dropdowns only seem to work on the homepage, can anyone help?
The address is www.bundalaguahcricketclub.com.au
Thanks!On the home page you have got
<script language="JavaScript1.2" type="text/javascript" src="_images/navbar/mm_css_menu.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
yet on the other pages you have
<script language="JavaScript1.2" type="text/javascript" src="_images/navbar/mm_css_menu.js"></script>
The fact that you have not connected with SpryMenuBar.js is the reason that the menu is not working.
Carn the Pies!
Gramps -
Hey, I'm still pretty new to webdesign and this is my first time using the sprymenu on Adobe Dreamweaver CS5.5. I'm using a vertical spry menu and it seems to work fine in Chrome and Firefox but everytime I use it in IE9, I'm prompted first about ActiveX and one of two things happen if I allow "blocked content" or don't allow. When allowing blocked content, my vertical spry menu turns all white and you can not see any of the under images. If you roll over it, the rollover images with text do however show up. As well as the submenus seem to do the same and actually work to some extent. When not allowing blocked content, rollovers and under images display perfectly fine but the submenus no longer show to the right of the parent menus. They don't show at all in general after that. I have been messing around with the css for the spry menu trying to figure out some fix but haven't come across anything similar to my problem after searching hours on end. Any help would appreciated. Below is the code for the vertical spry menu. Thanks!
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 16px;
cursor: default;
width: 200px;
background-image: url(../Images/mnunder.png);
height: 50px;
font-family: "MS Serif", "New York", serif;
font-style: normal;
line-height: 10px;
color: #FFF;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 200px;
height: 50px;
background-image: url(../Images/mnunder.png);
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 200px;
left: -1000em;
top: 0;
background-image:url(../Images/mnover.png)
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 200px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #333;
color: #FFF;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #333;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
color: #FFF;
text-decoration: none;
height: auto;
width: 200px;
background-image: url(../Images/mnunder.png)
background-repeat: no-repeat;
padding: 0px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
color: #F00;
height: 50px;
width: 200px;
background-image: url(../Images/mnover.png);
background-repeat: no-repeat;
padding: 0px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
color: #F00;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display:inline;
f\loat: left;
background: #FFF;altruistic gramps wrote:
It is up to you, you could remove the counter; personally I would leave it there because once the focus has moved from the text area, the number of (remaining) words will show.
Another solution is to force IE8 standards document mode as in
<head>
<!-- Mimic Internet Explorer 8 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
<title>My webpage</title>
</head>
The problem with the above is that the rendering will also follow IE8 mode.
Gramps
Thanks for your help,
I used the meta tag to emulate IE8 and it works as needed. -
Very frustrated. Just switched over my menu bar to Spry and I have to do my entire site now. I am not a web programmer by trade so please bare with me. My index page has the menu bar working fine. I copied the content of my header, the top photo work and my menubar onto another page and there the menu bar doesn't work. Exact same code as it was copied. Can't figure this out for the life of me.
Everything down to the page content is identical.
Works: http://www.vmfl.ca/index.html
Doesn't work: http://www.vmfl.ca/tournaments.html
Any help would be great.Found my error. Thanks
-
Dreamweaver Spry Menu not working on I pad
Hi
I have built a website and currently have issues with the spry menu bar not working with the ipad i phones etc.
When you press the link the dropdown menu does not appear.
Any help would be greatly appreciated.
The website is www.jkwindowsanddoors.co.uk and the link is the products in the spry menu bar.
Many ThanksThe Spry menu system was created prior to the advance of touch screens. The action that causes the Spry sub-menu to appear is the hover event, an event that does not exist in touch screen technology.
What I am trying to say is that the Spry menu system cannot be used for touch screens. You are better off using pure CSS menus or jQuery menus. -
Spry:select only works on double or second click
Why when using the spry:select does it only work once I have
double-clicked
I have put the ".selected" class at the bottom of my css
style sheet so it will be picked up correctly
here is the link and below is a snippet of code
http://www.studio-rasa.com/Store/Store_View_All2.html#
(if you test out the link above, you can see that I'm trying
to get the background color of the link to be gray once they are
clicked. However, they only turn gray once it has been clicked
twice)
<li><a href="#" onclick =
"dsCategories.setCurrentRow('1');"
spry:select="selected">Oil</a></li>
<li><a href="#" onclick =
"dsCategories.setCurrentRow('2');"
spry:select="selected">Pastel</a></li>
<li><a href="#" onclick =
"dsCategories.setCurrentRow('3');"
spry:select="selected">Watercolor</a></li>Hi,
Was there a solution to this? I've come across it as well.
What causes this for me is when I'm using nested data sets. Here it
is in a simplified example:
<?xml version="1.0" encoding="UTF-8"?>
<specials>
<menu_item id="1">
<item>Summer Salad</item>
<ingredients>
<ingredient id="1">tomatoes</ingredient>
<ingredient id="2">lettuce</ingredient>
<ingredient id="3">onions</ingredient>
</ingredients>
</menu_item>
<menu_item id="2">
<item>Thai Noodle Salad</item>
<ingredients>
<ingredient id="1">tomatoes</ingredient>
<ingredient id="2">noodles</ingredient>
</ingredients>
</menu_item>
</specials>
<script type="text/javascript">
var dsSpecials = new Spry.Data.XMLDataSet("data.xml",
"specials/menu_item");
var dsIngredients = new
Spry.Data.NestedXMLDataSet(dsSpecials,"ingredients/ingredient");
</script>
<style>
.row_selected {font-weight: bold;}
</style>
<div id="specials" spry:region="dsSpecials
dsIngredients">
<table>
<tr spry:repeat="dsSpecials" spry:select="row_selected"
spry:setrow="dsSpecials">
<td>- {item}</td>
<td><span
spry:repeat="dsIngredients">{dsIngredients::ingredient}
</span></td>
</tr>
</table>
</div>
This works (i.e. class is applied properly on a single click)
if:
1) I remove the spry:setrow="dsSpecials"
OR
2) I remove the nested data: i.e. (remove dsIngredients from
spry:region attribute in the div and the second <td> tag)
Thanks -
Javascript drop-down Spry menu not working
I downloaded the Spry UI 1.7 menu bar from the widget browser and pasted the code into DW CS4. I could not place it as you can in CS5. DW throws up javascript errors, but the styled menu bar works in live view and in the testing environment on Firefox and IE6 (!). However, once I load it, it does not work. It appears as if the browser can't find the javascript or the styles. I've pasted the styles in my main style sheet and in the referenced sheet at: Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css. I've verified that the Spry-UI-1.7 folder is loaded and contains all the relevant files.
Any idea what I'm doing wrong? I've been working on this on and off for two days.
Here is the live page:
http://www.wengerfeeds.com/test/test2.html
Code
<script type="text/javascript" src="Spry-UI-1.7/includes/SpryDOMUtils.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/SpryDOMEffects.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/SpryWidget.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/SpryMenu.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js"></script>
<script type="text/javascript" src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js"></script>
<script type="text/javascript">
</script>
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrap">
<div class="top"></div>
<div class="nav"> <ul id="MenuBar">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a>
<ul>
<li><a href="history.html">History</a></li>
<li><a href="mission.html">Mission</a></li>
<li><a href="sustainability.html">Sustainability</a></li>
<li><a href="locations.html">Locations</a></li>
<li><a href="tour.html">Tour</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="millogram.html">Newsletter</a></li>
<li><a href="links.html">Links</a></li>
</ul>
</li>
<li><a href="products.html">Products</a>
<ul>
<li><a href="feed.html">Feed</a>
<ul>
<li><a href="layers.html">Layer Feed</a></li>
<li><a href="broilers.html">Broiler Feed</a></li>
<li><a href="swine.html">Swine Feed</a></li>
<li><a href="turkey.html">Turkey Feed</a></li>
<li><a href="specialty.html">Specialty Feed</a></li>
</ul>
</li>
<li><a href="soychoice.html">SoyChoiceTM</a></li>
<li><a href="soyoil.html">Soy Oil</a></li>
<li><a href="eggs.html">Eggs</a></li>
<li><a href="research.html">Research</a></li>
</ul>
</li>
<li><a href="services.html">Services</a>
<ul>
<li><a href="eggmarketing.html">Egg Marketing Services</a></li>
<li><a href="flock.html">Flock & Pullet Services</a></li>
<li><a href="lab.html">Laboratory Services</a></li>
<li><a href="hauling.html">Hauling & Warehousing</a></li>
<li><a href="booking.html">Purchasing & Booking</a></li>
<li><a href="http://www.wengerfeeds.wordpress.com">Knowledge Center</a></li>
<li><a href="grain.html">Grain Receiving</a></li>
</ul>
</li>
<li><a href="http://www.wengerfeeds.info">Markets</a></li>
<li><a href="opps.html">Opportunities</a>
<ul>
<li><a href="careers.html">Career</a></li>
<li><a href="contracts.html">Contracts</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<script type="text/javascript">
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarRightShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
</script></div>Thanks, Gary. Thanks for the reply. I appreciate it.
It felt like it wasn't finding the js, but I didn't know why. It turns out my host didn't like the folder name. When you download the folder for the Spry 2.0 menu from the widget browser, all your js and css is stored in a folder named "Spry-UI-1.7." The menu worked locally, but once I loaded it, my server didn't like the folder name. I renamed the folder "Spry" and reset the paths, and it worked. I'm posting this here in case anyone else has this problem. Cheers -
Trying to make spry menu bar work on iphone
I would prefer my horizontal spry menu bar to be centered at the top of the page, but to do this I have to make it a fixed width.
This width is too wide for an iphone so the outermost buttons are not accessable.
I have managed a workaround by making the width auto and aligning left.
This makes each menu item cascade under the next so they are all accessable, but it's not brilliant.
You can see this by resizing the browser on the about jill page.
I tried the spry menu bar 2 widget, but couldn't customise the colours to make it look like my existing menu.
What is the best way get this menu working normally on an iphone/android etc?
Cheers
Ps. if anyone answers with code suggestions, could you tell me exactly where that code goes and in what file.Earlier iDevices & Droids are going to have trouble with a position:fixed menu. Just thought you should know.
What is the best way get this menu working normally on an iphone/android etc?
With Spry Menu 2.0.
Before you tackle customizing Spry Menus, please read the following links. These articles will help you save time and avoid many common problems.
The Ten Commandments for Editing Dreamweaver’s Spry Menubars
http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php
Styling and inserting a Spry Menu Bar 2.0 widget with the Adobe Widget Browser
http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/ -
Help! Error with DW Spry Menu ONLY in IE. . .
I created my new website with DW CS3 and used a horizontal Spry Menu across the top. I am having a problem with the menu in Internet Explorer ONLY! I don't have the problem with Firefox, Chrome or Safari. I wouldn't care so much but IE is the dominant browser. The site is: http://www.sunscapesolar.net and the problem is that when you mouse over PRODUCTS, SYSTEMS or INCENTIVES, the body text moves down and I get a white box popping up that says "false."I've checked everything but since DW created the javascript code, I don't know where to go. So please help me...
Thanks in advance...
Mike
[email protected]I created my new website with DW CS3 and used a horizontal Spry Menu across the top. I am having a problem with the menu in Internet Explorer ONLY! I don't have the problem with Firefox, Chrome or Safari. I wouldn't care so much but IE is the dominant browser. The site is: http://www.sunscapesolar.net and the problem is that when you mouse over PRODUCTS, SYSTEMS or INCENTIVES, the body text moves down and I get a white box popping up that says "false."I've checked everything but since DW created the javascript code, I don't know where to go. So please help me...
Thanks in advance...
Mike
[email protected] -
Spry Menu insert works on MacBook Pro but not on iMac
I am teaching myself Dreamweaver CS4, having been forced to migrate from GoLive. Am building a website and want to use Spry Menu Bar. Create page, save page, insert Spry Menu Bar, save page. On MacBook Pro, menu bar appears with Spry Menu Tab attached. On iMac, menu bar shows up WITHOUT Spry Menu Tab, which precludes the correct Property Window from appearing. Anyone know how to get around this? I called Adobe and they, without exaggeration, told me that they couldn't support Spry items and that I had to go the this forum for answers. What BS!
I called Adobe and they, without exaggeration, told me that they couldn't support Spry items and that I had to go the this forum for answers. What BS!
Its not the first time I hear that. Its clearly a Dreamweaver issue instead of Spry issue.
In design mode, if you hover over the inserted menu bar, does it get a blue color? If yes, what happens if you click the blue label "Spry Menu Bar: Menubar{x}"? It should display in the properties panel.
If not could please provide us with a screenshot? -
Spry Slideshow only works with incomplete DocType
The site I'm working on is:
itwurm.com/diamondcj/photos.html
The problem I'm having is that the Slideshow only works properly in IE if I leave out the second part of the doctype, but if I do that, then the rest of the html doesn't render properly.
I could be very wrong, but I'm under the impression that I need to be using:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
However, using that, the slideshow will not show correctly in IE, works fine in chrome.
If I change it to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
The slideshow works fine, but my page looks off.
Please help.Try the following as the first 4 lines of your document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Gramps
Maybe you are looking for
-
What the Heck is going on with 10.5.2? . . . Part 1
Part 2: Is a huge list of all kinds of weirdness that follows this, but . . . For the longest time 10.5.2 was flawless and I thought +"I'm home!"+ Then my machine started freezing at sleep and then the Part 2 of things started to happen that I am see
-
Unknown Host Exception while starting weblogic 6.0
Hi, While starting weblogic 6.0 on win 95, i get following error. [java.net.UnknownHostException: default] weblogic.utils.NestedError: Local host not known?! - with nested exception: I have tried to change ports from 7001 and 7002, error is still the
-
I have a palm 755p. I lost all documents that were saved on my memory card. card seems to be working as i am able to save new documents to it. I tried "search for files" and removing card from palm and putting it back in without success...help!! P
-
HT1338 what is the latest OS that my mac supports?
I have a Macbook 2GH Intel Core 2 Duo with a MAc OS X 10.5.8, my updater does not find anymore updates and my computer is super slow, I want to know what is the newest OS that my Macbook supports because I hear it does not support Lion.
-
Looking for a freeware Font Suitcase viewer
Hello, all: I started a new job within the last three months, AND WE DON"T USE FONT MANAGEMENT! I know that sounds crazy, but I am not yet in the position to request we get a font management program for all our work stations. Anywho, I am looking for