-
1. Re: Using Insert/Images Objects/Navigation Bar - weird quirks
Nancy O. Apr 14, 2011 2:35 PM (in response to Shan-Dysigns)Can't say for sure based on code fragments, but it may have something to do with the document type (DTD) you're using. HTML 4.0 allows upper and lower case code. XHTML requires all lowercase code.
If you have no document type in your HTML code, just about anything could happen because your page is running in Quirks Mode.
Modify > Page Properties > Title/Encoding >> select a doc type that fits your code.
It may be helpful to check your code for validation errors, too.
Code Validation Tools
------------------------------------
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
2. Re: Using Insert/Images Objects/Navigation Bar - weird quirks
Shan-Dysigns Apr 14, 2011 2:57 PM (in response to Nancy O.)is the doctype
Unicode (UTF-8) is the encoding (if that has anything to do with anything). If I'm actually using a function of DW to create the nav bar, then I wouldn't imagine there being a problem with valid code (it's coming directly from DW). It's just the matter of upper/lower case code it's spitting out. I also tested this using XHTML 1.0 Strict with the same issue.
Why do I always seem to come across the weird stuff?
-
3. Re: Using Insert/Images Objects/Navigation Bar - weird quirks
Nancy O. Apr 14, 2011 6:14 PM (in response to Shan-Dysigns)Unicode is the character set encoding -- not the same as DTD.
I can't recreate your experience with DW on Windows Vista.
Here's the code I get from DW -- same as before and after editing the menu...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script type="text/JavaScript"> <!-- 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_nbGroup(event, grpName) { //v6.0 var i,img,nbArr,args=MM_nbGroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2])) != null && !img.MM_init) { img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); nbArr[nbArr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = args[i+1]; nbArr[nbArr.length] = img; } } } else if (event == "over") { document.MM_nbOver = nbArr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up); nbArr[nbArr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } } else if (event == "down") { nbArr = document[grpName]; if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } document[grpName] = nbArr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; nbArr[nbArr.length] = img; } } } //--> </script> </head> <body onload="MM_preloadImages('Images/Up-Arrow-64.png','Images/Up-Arrow-64-hover.png')"> <a href="http://alt-web.com" target="_top" onclick="MM_nbGroup('down','group1','Home','Images/Up-Arrow-64.png',1)" onmouseover="MM_nbGroup('over','Home','Images/Up-Arrow-64-hover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="Images/Up-Arrow-64.png" alt="Home" name="Home" width="64" height="64" border="0" id="Home" onload="" /></a> </body> </html>Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
4. Re: Using Insert/Images Objects/Navigation Bar - weird quirks
Shan-Dysigns Apr 14, 2011 9:01 PM (in response to Nancy O.)Well, now that I look back at my reply, I notice the stupid text editor didn't even render the code I pasted properly (that's why there is a couple of blank lines before I mentioned "is the doctype". That was supposed to have read:
!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"I took out the greater than and less than symbols this time. I swear I entered it in last time as raw html - don't know why it didn't render as such.
Anyway, I added the character encoding I was using in case that might come into play. I'm aware that's not a doctype - let's be a little real in what a person may or may not know - it was a simple matter of some code not displaying properly. I notice you used a different character set. I will test on my end using that set and see if that changes my issue [it does not]. I'm still on XP, so who knows if that has anything to do with it.
I also noticed you just tested this creating one menu item and then going back to edit the same menu item - that was not my problem. My problem was creating the menu with say 2 buttons, then going back to edit the menu by adding another button (or more). This additional button is where the code changes sentence case.



