Need to get a spry menu to work on every page with Server Side Includes
I've created such a menu and have pasted the code into its own PHP file and then added the include but it just comes out as a blob of code and links. Any tips on how to do this? Thanks.
The following code was entered into a php file called topNav.php which was made reference to by another fiel. the result looks like this:
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="/index.php">Home</a></li>
<li><a href="/coming.php" class="MenuBarItemSubmenu">Resources</a>
<ul>
<li><a href="#">About Our Company</a></li>
</ul>
</li>
<li><a href="/coming.php">Announcements</a></li>
<li><a href="/coming.php" class="MenuBarItemSubmenu">FAQs</a>
<ul>
<li><a href="#">Human Resources</a></li>
<li><a href="#">Compliance</a></li>
<li><a href="/it/it_faq.php">IT Department</a></li>
<li><a href="#">Editing/Publishing</a></li>
</ul>
</li>
<li><a href="/coming.php" class="MenuBarItemSubmenu">Lounge</a>
<ul>
<li><a href="#">Event Photos</a></li>
<li><a href="#">Wanted/For Sale</a></li>
</ul>
</li>
<li><a href="/coming.php">New Employees</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
Similar Messages
-
Need help getting active nav state to work on 1-page vertical slide website...
Hi guys!
I've created a vertical slide website which you can check out here...
When you click on a navigation button, when it takes you to the relevant slide, the active state should move from the Home button to the relevant slide. It works fine without the 3 links on the end to external pages though, it's only when those additional links are in that something seems to be getting confused...
Does anyone know how I can get the nav states working for the slide section of the website?
Thank you very much and I hope to hear from you.
SMTry this:
.nav-collapse a:hover,
.nav-collapse a:active,
.nav-collapse a:focus {
background: #e8e8e8;
Nancy O. -
Server-side includes not working
Running CF9.x on Apache 2.2 Win 7.
I inherited an older html multiple page site that we are breaking down into includes using html server-side includes:
e.g. <!--#include file="includes/sidebar.html" -->, and saving the page as a .html file, which is then <cfincluded> in a .cfm file.
Is there a way to get <!--#include file="includes/sidebar.html" --> include working on a CF page? All I see is the contents of the page, but none of the sidebar.html, or header.html, etc.
I know I could switch to cfincludes, but the boss LOVES to muck around with the html side of things.
TIA,
DougI know I could switch to cfincludes, but the boss LOVES to muck around with the html side of things.
All the more reason to do it, surely?
But anyway...
I've never used a server-side include, but it looks to me that they just load the file and return it at that position in the document.
For CF code to be executed, the file needs to be REQUESTED, so it won't be a starter with server-side includes.
Adam -
How do I get banner & Spry Menu Bar to appear on every page?
Hi,
I am a new user of Dreamweaver CS6 an a relatively new user to website development in general.
I just followed along through Davide Powers "Creating your first website" tutorial series and found it to be very helpful. I made it through all six parts and managed to get the Check Magazine sample website up and running. I now want to use what I learned to creat my own site, and I am stuck already.
The tutorial does a great job of explaining how to setup a Spry Menu Bar to use for navigation. The tutorial, however, only shows how to put this Spry Menu Bar on the main index.html page. For my actual site, I would like my navigation bar (and my banner) to appear on every one of my pages.
Can anyone here tell me where I can find instructions on the best way to do this?
My navigation requirements are very simple. I just want a common banner with navigation buttons to appear at the top of every one of my pages. The Spry Menu Bar that was created in the tutorial would work great for me assuming I can find a relatively simple way to get it (along with my banner) to appear at the top of every one of my pages.
If it is very complicated to get it to appear on every page (or would require a large time investment in learning advanced techniques), then I would consider passing on the Spry Menu Bar and trying to setup my navigation in a simpler (if more old-fashioned) way.
Any advice will be greatly appreciated.
Thanks in advance,
PaulIf a small, 4-5 page site, make a prototype page with all your columns, headers, footers, menus, etc... and go to File > SaveAs index.html, and then File > SaveAs > page1.html, and then File > SaveAs page2.html, etc...
Or you can save your prototype page as a Dreamweaver Template (.dwt file). Add editable regions for stuff that will change from page to page. Everything outside editable regions is common to all site pages. Then use your Template to spawn site pages. File > New > Page from Template, index.html, page1.html, page2.html, etc.... DW Templates are nice site management tool. But before you use them, read all you can about them in F1 Help as they can be a little tricky to master.
Last but not least, look at Server-Side Includes. They're a huge time saving feature. I use them on every site I build.
Server-Side Includes
http://www.smartwebby.com/web_site_design/server_side_includes.asp
Nancy O. -
Need help getting Adobe OnLocation CS3 to work with windows 7 64 bit. Any ideas?
Need help getting Adobe OnLocation CS3 to work with windows 7 64 bit. The program installed ok and the S/N took.
The program does record video and audio HDV M2T.
The problem is video doesn't display or play back on the monitor component @ 16:9 or 720 p. 4:3....
The scopes respond as do the audio components when recording. (with a blank monitor component).
The video does play back on my system no problem.
Any ideas?
DanMoving the discussion to OnLocation
Thanks,
Atul Saini -
Cannot get 2nd mega menu to work
Hi,
http://designerandpublisher.com/megamenu/index2.html
I'm trying to get this mega menu to work in DW. the first anchor link works; the 2nd one doesn't and I thought i have all of the coding correct. I have to eventually build more anchor links, but can't get past making the 2nd one work.
Any idea why the coral link does not drop down? Thank you...MurraySummers wrote:
Remove it from the tag and see what happens.
What I'm suggesting is that functionally an iframe cannot be positioned. The code itself is valid because it's within a STYLE attribute.
I had already considered that possibility prior to my posting. If you'd like, you can check my work...
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Iframe Position Absolute</title>
<style type="text/css">
iframe {position:absolute; left:100px; top:10px; width:577px; height:270px;}
</style>
</head>
<body>
<iframe src="http://www.foxnews.com"></iframe>
</body>
</html>
The html validates as HTML5 and the css as Level 2, 2.1 or 3. It also functions as expected in all browsers (even IE7, 8 and 9 in Dev Tools). I'm sorry, but from everything I've seen and tested, it's perfectly valid and functional to use position:absolute with an <iframe>. -
Spry accordion widget - SSI (server side include) as content in the panel
After having inserted the following command <!--# include file = "content2.asp" -> in the accordion Panel Content I get an error in Dreamweaver - every time I open the file. See the error in the attached picture.
Once all files are uploaded to the server it works apparently without problems or script errors.
Is there anyone who can help me to use SSI "server side include" as content in accordion panels?Thanks for your reply.
The fault lay in the SSI file. This file contained these tag:
</ html>
And of course the tag </ html> generate an error if the tag is inserted in the content of the accordion panel via ssi file. -
Spry Widget as a Server Side Include
I am new to using SSI. I guess one question is: does the
include have to be saved as a .shtm or .shtml file? I am trying to
take a Spry Navigation bar and use it as an include in a site I am
building. I have saved it as a .html file and a .shtml file, but
neither is working. It shows up in design view, but not preview in
browser view. Here is the code of the SSI:
<script src="../SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css"
rel="stylesheet" type="text/css" />
<div>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="
http://www.j-boysentertainment.com">Home</a>
</li>
<li><a href="#"
class="MenuBarItemSubmenu">Projects</a>
<ul>
<li><a href="../pamperzpro.html">Pamperz
Pro</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu"
href="#">Creative Team</a>
<ul>
<li><a href="#">Jeff Reed</a> </li>
<li><a href="#">John
Elliott</a></li>
<li><a href="#">Jack Kelly</a></li>
<li><a href="#">J. Skylar
Testa</a></li>
<li><a href="#">Jonathan
Perkins</a></li>
</ul>
</li>
<li><a href="#">Connect</a></li>
</ul>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
Does anyone see what I am doing wrong? Also, when I insert it
as a SSI, does it matter if it is a file or a virtual?Create a page that contains ONLY this -
<p>woohoo</p>
and save it as woohoo.monkeybutt.
Then create another page, click in the Design view, and
insert a server-side
include. Browse to and select woohoo.monkeybutt.
Save this new page as "page.shtml".
Preview it in the browser (with temp files enabled in your
PREFERENCES).
'nuff said?
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
==================
"jp3rks" <[email protected]> wrote in
message
news:[email protected]...
>I am new to using SSI. I guess one question is: does the
include have to be
> saved as a .shtm or .shtml file? I am trying to take a
Spry Navigation
> bar and
> use it as an include in a site I am building. I have
saved it as a .html
> file
> and a .shtml file, but neither is working. It shows up
in design view,
> but not
> preview in browser view. Here is the code of the SSI:
>
>
> <script src="../SpryAssets/SpryMenuBar.js"
> type="text/javascript"></script>
> <link href="../SpryAssets/SpryMenuBarVertical.css"
rel="stylesheet"
> type="text/css" />
> <div>
> <ul id="MenuBar1" class="MenuBarHorizontal">
>
<a href="
http://www.j-boysentertainment.com">Home</a>
</li>
>
<a href="#" class="MenuBarItemSubmenu">Projects</a>
>
>
<a href="../pamperzpro.html">Pamperz
Pro</a></li>
>
> </li>
>
<a class="MenuBarItemSubmenu" href="#">Creative
Team</a>
>
>
<a href="#">Jeff Reed</a> </li>
>
<a href="#">John Elliott</a></li>
>
<a href="#">Jack Kelly</a></li>
>
<a href="#">J. Skylar Testa</a></li>
>
<a href="#">Jonathan Perkins</a></li>
>
> </li>
>
<a href="#">Connect</a></li>
>
> </div>
> <script type="text/javascript">
> <!--
> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
> {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
> imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
> //-->
> </script>
>
> Does anyone see what I am doing wrong? Also, when I
insert it as a SSI,
> does
> it matter if it is a file or a virtual?
> -
Insert menu - no Server-Side Includes? Help!
Ok so I'm very new to Dreamweaver and web design in general. I bought the Adobe Dreamweaver Classroom in a Book and now, in Chapter 6, I'm being asked to use the Insert menu to choose Server-Side Includes... but there's nothing like that under the Insert menu.
I'm taking this step-by-step - also purchased Jennifer Robbins' "Learning Web Design" (in which she recommends Dreamweaver) so I'm trying to make it through BASIC Dreamweaver before going into Ms. Robbins examples... and I'm stuck... any help or suggestions? I did upgrade my CS6 Design & Web Premium package to the Creative Cloud versions - is this possibly why this menu item is 'missing'?
Thanks,
Clintonclinton_dyches wrote:
I'm being asked to use the Insert menu to choose Server-Side Includes... but there's nothing like that under the Insert menu.
I did upgrade my CS6 Design & Web Premium package to the Creative Cloud versions - is this possibly why this menu item is 'missing'?
In a nutshell, yes.
The Insert menu in the Cloud only version of Dreamweaver CS6 was radically overhauled in the most recent Cloud update
http://helpx.adobe.com/dreamweaver/using/changes-insert-options-creative-cloud.html
Adobe has created a headache for users with this rather sudden, radical overhaul of the Insert menu without any prior warning - and no real obvious benefits for anyone. Seems to be a case of change for the sake of change
We now have two vastly different Insert menus of DW CS6: Cloud and non-Cloud.
It's a poorly timed design decision by Adobe with unfortunate impacts on both newbies (trying to learn from CS6 training material) and DW veterans whose workflow is interrupted for no good reason. The change should have been made in CS7 when everyone had time to adjust.
As you can see from the link above, there is no longer an option for SSI's via the menu. You'll have to hand code it. -
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> -
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> -
Spry menu not working in IE for some reason
Hello, I have an issue at hand that is quite troubling
I am designing a website in Dreamweaver CS3 for the childcare place I work for, and it was coming along great until I realized that I never stopped to see if the spry worked in Internet Explorer (I use FireFox on average). Turns out, it doesn't, and does this sort of weird thing where all the menu items are backwards and the submenus only show on the far right of the page.
It works fine in FireFox, so I am truly curious on what I might've done wrong here.
Check out the page here: http://www.woadove.com/index.html
And if you need to see the Spry, here it is:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 72%;
cursor: default;
border: 2;
text-align: center;
/* 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: auto;
/* 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: center;
cursor: pointer;
width: 16.66%;
float: right;
background-color: #550F0F;
/* 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% 73% 0 27%;
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: 120%;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: relative;
margin: -5% 20% 0 75%;
/* 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;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #6F3838;
padding: 0.5em 0.75em;
color: #FFFFFF;
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: #FFCC00;
color: #000000;
/* 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: #FFCC00;
color: #000000;
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;
/* 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;
f\loat: left;
background: #FFF;Change the HTML markup to read
<div id="header">
<h1 align="center"><img src="banner-revised.png" width="700" height="272" /></h1>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html" class="MenuBarItemSubmenu">Home</a>
<ul>
<li><a href="missionstatementcss.html">Our Mission Statement</a></li>
<li><a href="philosophycsstext.html">Our Philosophy</a></li>
<li><a href="#">Overview</a></li>
</ul>
</li>
<li><a href="aboutcss.html" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="#">The School</a></li>
<li><a href="#">The Faculty</a></li>
<li><a href="calendar.html">Calendar</a></li>
<li><a href="#">Photo Gallery</a></li>
</ul>
</li>
<li><a href="#">Academics</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Child Development</a>
<ul>
<li><a href="registration_cd.html">Registration</a></li>
</ul>
</li>
<li><a href="elementarycss.html" class="MenuBarItemSubmenu">Elementary</a>
<ul>
<li><a href="#">Registration</a></li>
</ul>
</li>
<li><a href="contactuscss.html">Contact Us</a></li>
</ul>
</div><!-- end #header -->
As a last remark, if you want to center text do so using the CSS rule.
For example instead of <div align="center"> use <div style="text-align: center;">. This will make it HTML compliant.
Also use normal tags rather than divs to apply styles.
For example where you had <li><div align='center'><a href='#'>Some Text</a></div></li> use <li style='text-align: center;'><a href='#'>Some Text</a></li>
The above two examples show the use of in-line style rules which are selective style rules. Better still is to define rules that cover every instance at once so that, if you want to change the rule, you only need to do so once rather than multiple times.
I hope this helps.
Ben -
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. -
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/ -
Can't get into Spry Menu Properties please help!
I have tried everything But everytime I click the liccke blue bar that says "Spry Menu Bar: Menu Bar 1" It does nothing and when I hover over it I get a Circle with a cross in it What happen it was editable before now I can't even go into the properties panel someone help me it wont even let me click it the only thing it will let me do is drag it to different places
Have you read http://forums.adobe.com/thread/470404?
In case you have not, I shall quote it here
How to Get Help Quickly
This is a user-to-user forum. Unless you see EMPLOYEE under a screen name, you should assume the poster is an upaid volunteer. Everyone's time is valuable, including yours. The following tips will help you get answers more quickly:
DO
Check the Dreamweaver FAQ. The answer to your question might already be there.
Give your post a meaningful subject line, indicating of the nature of the problem.
Give sufficient details (such as operating system, browser, hardware platform, and other relevant information) for others to understand the nature of the problem, but don't go overboard. Short, focused questions tend to get answered more quickly.
If your problem concerns a web page that doesn't display as expected, upload the page to a public website and give the URL. But don't post links to anything you don't want indexed by a search engine. Create a test folder on the site, and remove the page when the problem has been solved.
Give details of any error messages.
Say briefly what you have done to try to solve the problem yourself.
If your question involves a database or server-side technology, such as PHP, ColdFusion, or ASP, say which one, and include it in the subject line.
DON'T
Don't post a series of questions in a single post. Splitting them into separate threads increases your chances of a quick answer.
Don't repeat the same question in different forums, as this makes it harder for both you and those trying to help you to keep track of progress. Duplicate posts will be deleted.
When someone has answered your question, don't start asking more questions in the same thread. Keeping threads separate with clear subject lines makes it easier for others who might have the same problem to find the information they need.
Don't be impatient. If you don't get an answer in 24 hours, post a follow-up question in the same thread, asking if you need to give more details. The lack of replies might also indicate that no one else knows the answer.\
Don't hijack existing topics by replying with unrelated questions or suggestions. Start a new discussion thread so your question stands out.
When your question has been answered
If you started the thread, buttons like those in the following screenshot will appear at the bottom of each reply. Use these buttons to indicate that you have been helped or that you have received a satisfactory answer. You can choose up to two answers as "helpful" and one as "correct". Once selected, you cannot change your mind. Marking answers like this helps others identify solutions to their own problems.
To try to answer your question as per
I have tried everything But everytime I click the liccke blue bar that says "Spry Menu Bar: Menu Bar 1" It does nothing and when I hover over it I get a Circle with a cross in it What happen it was editable before now I can't even go into the properties panel someone help me it wont even let me click it the only thing it will let me do is drag it to different places
By having done everything, you have most likely upset the structure of the markup to the extent that DW does not recognise it as being a SpryMenuBar.
All I can say: it's all in the code and at this stage you are the only one that is privy to it.
Gramps
Maybe you are looking for
-
How do I reinstall the edit button on my Firefox 4 toolbar; cut, copy, paste, and print?
I recently have been having problems with my Firefox 4 tool bars. Right now, the Edit icons are no longer on the tool bar, specifically Cut, Copy, Paste, and Print. If there were other Edit icons, they too are gone. All the other icons have remained.
-
Why in jndi tree I find the remote interface to String is so strange?
when I view the jndi tree in weblogic server 61sp1 I found such information: Bind Name: Enterprise1 Class: class $Proxy94 to String: ClusterableRemoteRef(10.132.0.161 [10.132.0.161])/275 has
-
Application that receives algorithms as input
I'm developing a trading platform for a cryptocurrency. I'm building several algorithms, based on personal experience, college eduction or reading in books and on the Internet. I can test these algorithms on real money, with a real account. But there
-
Printing problem with Lightroom 2.7
Hi, I use Windows 7- 64 bit OS and Lightroom 2.7. When I print (Epson 2880) from Lightroom, my shadows print much darker and I lose shadow details. I can correct by over exposing shadows thru trial and error which means 2 or 3 wasted prints. Can anyo
-
HOW TO CREATE LOCAL INDEX ON BIG PARTITION TABLE
Dear All, I have one big table 450GB stored on 9 partitions and same partitions I have created for the index. Now the problem is when i am trying to create local index it took one and half day and is still going on... is there any shortest way to cre