Changed DOCTYPE Causes menu shift in IE

Hi,
To clean up my page I'm trying to add a correct DOCTYPE. My current site works but but done pre-Dreamweaver has a lot of validation errors. That site is http://www.nevilleboats.com
I've changed the DOCTYPE to 4.01 transitional.
The results can be seen in an alternate temporary page: http://nevilleboats.com/index2.htm
In FireFox the site appears to be pretty stable. When loaded into IE, however, the whole menu stack originally on the left side of the page (inside a table column) shifts to the center of the page. It actually locates beneath the slideshow.
The general layout of the page is a table layout with a bit of CSS. I appreciate a full CSS page might be a solution, but I just don't have the experience yet to pull that off.
Can more experienced eyes point me to a solution?
Thanks
chuck

Here's code that validates EXCEPT for the following -
1. Flash embed/object markup
2. Missing alt attributes
3. The <marquee> tag
You can use this as a solid base....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="description" content="Charles Neville Associates - Chuck Neville has been designing deep water Motor Yachts, Trawlers, ">
<meta name="keywords" content="trawlers, trawler, trawler yacht, trawler for sale, long range trawler, longrange trawler, fast trawler, LRC, trawler plans, stock plans, trawler stock plans, mini trawler, compact trawler, steel trawler, aluminum trawler, trawler yacht, passagemaker trawler yacht, steel trawler plans, trawler boats, custom trawler, custom steel trawler, custom trawler, motor yachts, custom motor yacht, long range motor yacht, serious cruiser, motor boat, motor cruiser, power cruiser. passagemaker, voyaging under power ">
<title>Home - Charles Neville associates</title>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
.p {
    font-family:"Times New Roman", Times, serif
.flags {    position: absolute;
    top: 20px;
    width: 280px;
    left: 705px;
.menu {    position: absolute;
    margin-left: 7px;
    top: 135px;
.table {    position: relative;
    top: 85px;
</style>
</head>
<body bgcolor="#000000" onLoad="MM_preloadImages('buttons/CLICK_HERE_1.gif','buttons/More About CNa_1.gif','buttons/News_1.gif','buttons/Services_1.gif','buttons/Links & Stuff_1.gif','buttons/Mini-Rants_1.gif','buttons/Design Package_1.gif','buttons/Dreams Coming True_1.gif','buttons/Other Thoughts_1.gif','buttons/Dream Boats_1.gif','buttons/Stock_Plans_1.gif','buttons/White Book_1.gif','buttons/Contact Chuck_1.gif')">
<table border="1" width="980" bgcolor="#9DABC4" cellspacing="0" cellpadding="0">
<tr>
    <td height="85"><table width="100%" style="border-bottom: 6px solid #15299D" cellpadding="0" cellspacing="0">
        <tr>
          <td height="85" width="199" rowspan="2" bgcolor="#DEE7EF"><p align="center" style="margin-left: 10px"> <img border="0" src="graphics/logo2.gif" width="160" height="64">   </td>
          <td height="23" width="777" style="border-left: 2px solid #C0C0C0; border-bottom: 2px solid #C0C0C0">
          <div class="flags">
                  <a href="http://www.google.com/translate_c?langpair=en|zh-CN&u=http://www.nevilleboats.com/"><img src="graphics/flags/cn.gif" width="27" height="16" border="0" alt="Chinese"></a>
                  <a href="http://www.google.com/translate_c?langpair=en|fr&u=http://www.nevilleboats.com/"><img src="graphics/flags/fr.gif" width="27" height="16" border="0" alt="French"></a>
                <a href="http://www.google.com/translate_c?langpair=en|de&u=http://www.nevilleboats.com/"><img src="graphics/flags/de.gif" width="30" height="18" border="0" alt="German"></a>
                <a href="http://www.google.com/translate_c?langpair=en|it&u=http://www.nevilleboats.com/"><img src="graphics/flags/it.gif" width="27" height="16" border="0" alt="Italian"></a>
                <a href="http://www.google.com/translate_c?langpair=en|ja&u=http://www.nevilleboats.com/"><img src="graphics/flags/ja.gif" width="27" height="16" border="0" alt="Japanese"></a>
                <a href="http://www.google.com/translate_c?langpair=en|tr&u=http://www.nevilleboats.com/"><img src="graphics/flags/tr.gif" width="27" height="16" border="0" alt="Turkish"></a>
                <a href="http://www.google.com/translate_c?langpair=en|ru&u=http://www.nevilleboats.com/"><img src="graphics/flags/ru.gif" width="27" height="16" border="0" alt="Russian"></a>
          <a href="http://www.google.com/translate_c?langpair=en|es&u=http://www.nevilleboats.com/"><img src="graphics/flags/es.gif" width="30" height="18" border="0" alt="Spanish"></a></div></td>
        </tr>
        <tr>
          <td height="22" width="777" bgcolor="#DEE7EF"><p><font size="5">Charles Neville associates </font> <font size="4"> - </font>223 Broadway, Centreville, Maryland, 21617 - USA</p></td>
        </tr>
      </table>
<tr>
    <td>
    <table style="margin-top:0;margin-bottom:0;" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="199" valign="top">
        <div class="menu" align="center"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><img src="buttons/Home_static_0.gif" alt="" name="news_button" width="185" height="25" border="0"></td>
            </tr>
          <tr>
            <td><a href="biography.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('more_about_button','','buttons/More About CNa_1.gif',1)"><img src="buttons/More About CNa_0.gif" alt="more_button" name="more_about_button" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="news.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','buttons/News_1.gif',1)"><img src="buttons/News_0.gif" alt="news" name="Image16" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="services.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('services_button','','buttons/Services_1.gif',1)"><img src="buttons/Services_0.gif" alt="services" name="services_button" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="links_&_stuff_associations.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('links_button','','buttons/Links & Stuff_1.gif',1)"><img src="buttons/Links & Stuff_0.gif" alt="links_stoff" name="links_button" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td> </td>
            </tr>
          <tr>
            <td><a href="mini-rant-mothership.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('mini_rant_button','','buttons/Mini-Rants_1.gif',1)"><img src="buttons/Mini-Rants_0.gif" alt="mini-rants" name="mini_rant_button" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="design_package_1.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('design_package_button','','buttons/Design Package_1.gif',1)"><img src="buttons/Design Package_0.gif" alt="design_package" name="design_package_button" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="dreams_coming_true.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('dreams_coming_true_button','','buttons/Dreams Coming True_1.gif',1)"><img src="buttons/Dreams Coming True_0.gif" alt="dreams_coming_true" name="dreams_coming_true_button" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="other_thoughts.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('other_thoughts_butrton','','buttons/Other Thoughts_1.gif',1)"><img src="buttons/Other Thoughts_0.gif" alt="other_thoughts" name="other_thoughts_butrton" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td> </td>
            </tr>
          <tr>
            <td><a href="dream_boat.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('dream_boats','','buttons/Dream Boats_1.gif',1)"><img src="buttons/Dream Boats_0.gif" alt="dream_boats" name="dream_boats" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="stock_plans.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stock_plan_button','','buttons/Stock_Plans_1.gif',1)"><img src="buttons/Stock_Plans_0.gif" alt="stock_plans" name="stock_plan_button" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="white_book.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('whitebook_button','','buttons/White Book_1.gif',1)"><img src="buttons/White Book_0.gif" alt="white_book" name="whitebook_button" width="185" height="25" border="0"></a></td>
            </tr>
          <tr>
            <td><a href="contact_chuck.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','buttons/Contact Chuck_1.gif',1)"><img src="buttons/Contact Chuck_0.gif" alt="contact_chuck" name="Image19" width="185" height="25" border="0"></a></td>
            </tr>
</table>
        </div>
          </td>
        <td width="578" valign="top"><div align="center">
          <div style="margin-top:0">
            <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="480" height="360">
              <param name="movie" value="homepage_flash.swf">
              <param name="quality" value="high">
              <embed src="http://www.nevilleboats.com/homepage_flash.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="480" height="360" quality="high">
              </object>
            <div>
          <marquee
                width="85%"
                font-size=24px
                font-weight="bold"
                color:"red";
                scrolldelay="120" style="font-size: 18pt; color: #CC0066; font-family: Times New Roman; font-weight: bold">
                    Please visit our new "Dream Boats" and Stock Plan sections!</marquee>
                </div>
          </div>
        </div></td>
        <td width="199" valign="top">
          <div align="center">
            <p style="margin-top: 35px; margin-bottom: 0px"><img src="graphics/specializing_in.gif" alt="" width="169" height="23" border="0"></p>
            <hr width="90%">
            <p style="margin-top: 5px; margin-bottom: 0" align="center"><b><font size="4">Yacht & Naval</font></b></p>
            <p style="margin-top: 0; margin-bottom: 9px" align="center"> <b><font size="4">Architecture</font></b></p>
            <p style="margin-top: 0; margin-bottom: 9px" align="center"> <b><font face="Times New Roman" size="4">Trawlers</font></b></p>
            <p style="margin-top: 0; margin-bottom: 9px" align="center"> <b><font face="Times New Roman" size="4">MotorSailers</font></b></p>
            <p style="margin-top: 0; margin-bottom: 9px" align="center"> <b><font face="Times New Roman" size="4">Motor Yachts</font></b></p>
            <p style="margin-top: 0; margin-bottom: 9px" align="center"> <b><font face="Times New Roman" size="4">Commercial Craft</font></b></p>
            <p style="margin-top: 0; margin-bottom: 9px" align="center"> <b><font face="Times New Roman" size="4">Motor Catamarans</font></b></p>
            <p style="margin-top: 0; margin-bottom: 9px" align="center"> <b><font face="Times New Roman" size="4">Small Passenger Vessels</font></b></p>
            <p style="margin-top: 0; margin-bottom: 15px" align="center"> <b><font face="Times New Roman" size="4">Your Project</font></b></p>
            <hr width="90%">
          </div></td>
      </tr>
    </table>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="18%" valign="top">
          <div class="table">
            <div align="center">
              <table width="85%" border="2" cellspacing="0" cellpadding="5" bgcolor="#15299D">
                <tr>
                  <td height="268"><p align="center" style="margin-top: 0; margin-bottom: 0"> <font color="#FF0000" size="5">New</font></p>
                    <p align="center" style="margin-top: 0; margin-bottom: -5px"> <font color="#FF0000" size="5">Feature</font></p>
                    <hr width="95%">
                    <p align="center" style="margin-top: 0; margin-bottom: 0"> <font size="4" color="#FFFFFF">Let Chuck visualize the boat of
                      your dreams.</font></p>
                    <p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
                    <p align="center" style="margin-top: 0; margin-bottom: 0"> <font size="4" color="#FFFFFF">Within your budget</font></p>
                    <hr width="95%">
                    <p align="center" style="margin-top: 5px"><a href="dream_boat.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','buttons/CLICK_HERE_1.gif',1)"><img src="buttons/CLICK_HERE_0.gif" alt="" name="Image20" width="120" height="35" border="0"></a></p></td>
                  </tr>
              </table>
            </div>
          </div>
        </td>
        <td width="64%"><div align="center">
          <p style="margin-top: 0px; margin-bottom: 0"><img src="graphics/welcome.gif" width="200" height="29">            </p>
          <p style="margin-top: 0; margin-bottom: 0"><font size="4"><strong>Thank you
            for visiting the</strong></font><strong><font size="5"> Charles Neville Associates
            website</font></strong> </p>
<p style="margin-top: 10px; margin-bottom: 0" align="left">Hi I'm Chuck
Neville --- For over 30 years I have been designing rugged Trawler
and Motor Yachts that help owner's like you realize your dreams. I
have also been sculpting versatile motorsailers and finding solutions
for commercial motor catamarans that take you diving or exploring remote
destinations. Add to that body of work, propulsion systems for US Coast
Guard's own fleet of boats that protect you, and work with big ship
design firms that bring goods to your door. ...I've been busy. </p>
        <p align="left">Within the design process I've learned a lot. One of the
          most important things I've learned is good ideas don't just stem from
          the designer. The best designs evolve through collaboration between the
          designer and the client. Over the years I've worked with dozens of great
          boat yards and hundreds of experienced owners. It is this collaborative
          experience that I to bring to the table when developing a new project,
          be it a 20 foot open boat or a 100 foot luxury yacht.</p>
        <p align="left">Listening is the key to any successful design. My goal
          is not to design a boat that is right for me, but one that meets or
          exceeds the requirements of you, my client. Over the last many years
          much of my focus has become moderate sized Motor or Trawler style
          yachts: family cruisers between 50 and 100 foot in length. You will see
          some here, and others shown in my <b><i>White Book</i></b> of recent
          designs. The important thing to remember is that all these images are
          merely starting points. </p>
        <p align="left">Look through our website, page through our <b><i>White
          Book </i></b>and enjoy. Above all know that if we can help you realize
          your dream in any way, with a new boat or just by answering a question,</p>
        <p align="left">Please feel free to give me a call.        </p>
        <p align="left" style="margin-top: 0; margin-bottom: 0">Chuck</p>
        <p align="left" style="margin-top: 0; margin-bottom: 0">
          April, 2009</p>
        </div></td>
        <td style="width:18%" valign="top">
          <div class="table">
            <div align="center">
              <table width="85%" border="2" cellspacing="0" cellpadding="5" bgcolor="#15299D">
                <tr>
                  <td height="268"><p align="center" style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF" size="4">Also
                    Visit The </font></p>
                    <p align="center" style="margin-top: 0; margin-bottom: 0"> <font color="red" size="6">Neville Trawler</font></p>
                    <p align="center" style="margin-top: 0; margin-bottom: 0"> <font color="#FFFFFF" size="4">Website</font></p>
                    <p align="center"><font color="#FFFFFF" size="4">For More Information about the Neville 47</font></p>
                    <p align="center"> <a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','buttons/CLICK_HERE_1.gif',1)" href="http://www.nevilletrawlers.com/"><img src="buttons/CLICK_HERE_0.gif" alt="" name="Image18" width="120" height="35" border="0"></a></p></td>
                  </tr>
              </table>
            </div>
          </div>
          <p align="left" style="margin-top: 0; margin-bottom: 0"> </p>
            <p align="left" style="margin-top: 0; margin-bottom: 0"> </p>
            <p align="left" style="margin-top: 0; margin-bottom: 0"> </p>
            <p align="left" style="margin-top: 0; margin-bottom: 0"> </p>
       </td>
      </tr>
    </table>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p></td>
</tr>
<tr>
    <td><div style="border-top: 6px solid ">
        <p align="center" style="margin-top: 10px; margin-bottom: 0"> <b> <font size="5"> © </font> <font size="4">
          
                                                                                           2009
          , Charles Neville Associates </font> </b> </p>
        <p style="margin-top: 0; margin-bottom: 0"> </p>
      </div>
      <p style="margin-top: 0; margin-bottom: 0" align="center"> <b> <font size="4"> 223
        Broadway </font> </b> </p>
      <p style="margin-top: 0; margin-bottom: 0" align="center"> <b> <font size="4"> Centreville,
        MD
        21617
        USA </font> </b> </p>
      <p style="margin-top: 0; margin-bottom: 0" align="center"> <b> <font size="4"> Tel:
        410
        758-1891
        Fax:
        410
        758-3724
        
        </font> </b> </p>
      <p style="margin-top: 0; margin-bottom: 0" align="center">
        
        <script type="text/javascript" language="javascript">
                                                                                    var sc_project = 414691;
                                                                                    var sc_invisible = 1;
                                                                                    var sc_partition = 2;
                                                                                    var sc_security = "";
                                                                                </script>
        <script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js">
                                                                                </script>
        <noscript>
        <a href="http://www.statcounter.com/" target="_blank"><img src="http://c3.statcounter.com/counter.php?sc_project=414691&java=0&security=&invisible=1" alt="site stats" border="0"></a>
        </noscript>
        
      </td>
</tr>
</table>
</body>
</html>

Similar Messages

IE Horizontal Menu Shift

I've been fighting the IE menu shift (spry 1.5). I've been
able to isolate the problem. When I change my menu text from left
justified to centered, the submenus then center themselves under
their main menu item. This then causes the 2 tier submenu to
disconnect from the 1 tier submenu by the distance of the
"centered" menu.
Does anyone know an IE fix for this situation.
The menu works great in FF and Safari (windows beta)
Thanks,
Shawn

Hi Shawn,
Have you seen this sample?
http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHorizontalMenuBarSample.h tml
--== Kin ==--

Cannot work on more than one page and menu shifting problems

I downloaded Muse CC 2014 when it first came out, and now I find myself no longer able to edit more than one page without having to completely shut down the application and start it again. Here's what happens:
I open a page to edit, and then anything else I try to double click on (or right click and choose open page) does absolutely nothing. Any ideas why this is occurring?
Also, I've noticed a strange phenomenon where my menu has completely shifted its menu contents - pushing everything down. Nothing I did - wondering why this is happening. This has pretty much rendered Muse unusable to me and I am becoming more and more frustrated since I'm paying good money for this....please help.
Here's a screenshot of the messed up menu (all text should be located in between the green dots and not so spread out):
Also, if I try to create a border around a text box with just the bottom border showing (i.e. the other 3 sides are set to 0), that bottom border also shifts down as if the text container has suddenly expanded.
This happens with both my Macbook Air and my MacPro.
Thanks in advance for any help. I'm kind of at my wit's end....I really need to be able to update my website as this is the face of my business.
-Kristine

You could look at using a template. Create your master template, create editable and non-editable regions, then use this template create all the child pages. When you need to make a change to the menu, make it in the template and the changes will flow down to all the pages created from the template.
Using DW Templates:
http://www.adobe.com/devnet/dreamweaver/templates.html
http://www.adobe.com/devnet/dreamweaver/articles/dw_templates.html
The other option would be to create the Navigation item as a server side include...
More about this:
http://kb2.adobe.com/cps/143/tn_14380.html
http://www.entheosweb.com/website_design/server_side_includes.asp
Difference between using a template and server side includes.
When you make a change to a template, you need to re-upload all the pages created from the template.
Using a SSI, you make the change in the ssi file, upload it and all pages are automatically updated.
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap

Changing Dimensions of menu items in menubar

I wanted to make the menu items have an auto width instead of
a fixed with. So I followed the direction in the Help file under
"Change dimensions of menu items" to change the .css. The menu
items now seem to stretch to fit the width of the text, but the
secondary menus now display horizontally instead of vertically
below the top menu item. This is only in Explorer 6 & 7. Works
fine in Firefox.

Hi Kayo,
You'll want to checkout these samples:
http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthHorizontalMenuBarSample.h tml
http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthVerticalMenuBarSample.htm l
to see what browser bugs you're up against. :-)
--== Kin ==--

Change Background in Menu Creation Encore CS4 and Photoshop

I am creating a menu using Encore and Photoshop. I Used the Encore Libray to create a blank background and also created a series of buttons adusting them in Photoshop CS4. However, when I try to change the background with a new jpg or psd file I open the picture in Photoshop but not as the new background layer I am trying to achieve. Can anyone tell me where I am going wrong?

Dear Bill,
Thank you for your prompt reply. However, I don't think I am explaining my problem correctly so if you have the patience I am sending you this little "Jing" movie which will show you my problem
http://www.screencast.com/t/YWI5MDcw
Regards
Stanley
Stanley Dalnekoff, President
HeritageVideo
70 Marvel Road
New Haven, CT 06515
Tel:203-397-0775-O
203-464-4975-C
www.heritagevideo.net
Date: Fri, 30 Jul 2010 12:39:20 -0600
From: [email protected]
To: [email protected]
Subject: Change Background in Menu Creation Encore CS4 and Photoshop
There should be no problem when adding the image of your choice, with Edit in Photoshop.
When you choose Edit in Photoshop, several things happen:
1.) a TMP PSD for that Menu is created.
2.) links are created between En and PS
3.) PS is launched, and that TMP PSD is then Opened in PS.
When one has edited that TMP PSD in PS, they must do a Save to allow those links back to En*.
If you are doing a Save_As, or Save_As_a_Copy, those links will NOT be followed, and the Menu will NOT update in En.
Good luck,
Hunt
I have encountered some instances, where a single Save does not follow those links. With experimentation, I have found that 3 Saves (Ctrl+S) will force those links to be followed, and the Menu updated in En. Not sure why this happens sometimes, but 3 seems to be the "magic number," at least for me.
>

Can I change the nav menu text color?

Can I change the nav menu text color? ( it's too dark for the dark background I like.)

I have this exact same question and you have no reply and I'm wondering what the answer is.

Does and one know if you can change the navigation menu at the top of the iWeb template pages?

Does and one know if you can change the navigation menu at the top of the iWeb template pages? I need to make the background a little wider.

It depends on which template you use.
You can also hide the default navigation and build your own which allows more freedom of design and is better for search engine optimization...
http://www.iwebformusicians.com/iWeb/Navigation.html
Make sure you use web-safe fonts in your navigation...
http://www.iwebformusicians.com/iWeb/Fonts-Colors.html

Color not changing on Selected Menu tab

I'm creating a custom css and in doing so have been trying to change the text color of the selected menu tab. I've added it to my stylesheet but it is not changing upon running it. If I change the menu tab specifically via the properties of the tab, it will change. Is 'color' something we can change?
Here is a snipet of my css:
.af|menuTabs::selected {color:red;
white-space:nowrap;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:200%;
background-color:white;
font-weight:bold;
text-decoration:none;
Thanks,
Lisa

A: Color not changing on Selected Menu tab

Your '.' before af|menuTabs is wrong.
It's just "af|menuTabs::selected" not ".af|menuTabs::selected".
Also, you need to use the ::selected-link pseudo-element to style the color of the text.
/* Make the selected tab bold */
af|menuTabs::selected-link
font-weight: bold;
font-size: 14pt;
color: green;
}

Changes will cause Data to be deleted message

Hi,
Here is the issue I am experiencing:
1. I have a UDO of Master Data type and created a custom form to Add/Update/Delete data.
2. When I scroll through each record, I get a message "Changes will cause Data to be deleted". Continue?
I have confirmed that the form is in OK mode. How can I make this message go away?
Gopal

Hi Gopal,
Even if the form is in OK mode, the edits cause the form to go into Update mode, which is why you see this message.
If it suits your scenario, set "AffectsFormMode" property to false for items which should not trigger a mode change (if loading the form from XML, set AffectsFormMode="0")
You can also look at these form properties:
Form.AutoManaged
Form.SupportedModes
Regards
Aravind

Changes will cause the data to be deleted message is misleading

We find that the message 'Changes will cause the data to be deleted' is misleading and causes a great deal of concern to our users when it appears say when they are just trying to find information and are browsing from one transaction to another. Is there anyway we can get this message amended for certain scenarios at least?

Sam,
someone asked this few days ago.
[look here|Is It Possible to block system message;
i suggested to catch the statusbar and Petr suggested to catch the Event and click it away with sending "enter"
thats it - i hope it helps
regards
David
PS: Welcome to the Forum

I recently upgraded from OS 10.5 on a PowerMac G5 to an early Intel Mac running 10.7.5. To my consternation, I now find that my scroll wheel operates backwards from what I'm used to. Did Apple make a change that caused that? Is there any way around this?

I recently upgraded from OS 10.5 on a PowerMac G5 to an early Intel Mac Pro running 10.7.5. To my consternation, I now find that my scroll wheel operates backwards from what I'm used to. Did Apple make a change that caused that? Is there any way around this?

Apple didn't make this easy, did they! When Lion first came out, I think that check box was under the Trackpad heading of the System Preferences, whether you actually had a trackpad or not. I take it there's nothing there, either?
I plugged a plain ol' three button Logitech mouse into the iMac, and while the Mouse panel options did change some, the same check box for Move content in the direction of finger movement when scrolling or navigating was there.

How to change a list/menu to a text field when 'Other' is chosen?

Hi there. I've been trying to solve this for a week now and I have depleted all my resources, that is why I'm here. I even went to jquery but nothing works and I think I was over-complicating this way too much.
In short: I have a contact form, which have a list/menu with validation, and one of the options of that list/menu is "other". What I want is that when the user select "other" automatically change to a text field in order to let the user put his custom color. This is what I have:
<form method="post" action="process.php">
<span id="spryselect1">
<label for="colors"></label>
<select name="colors" id="colors">
<option selected="option1">Blue.</option>
<option value="option2">White</option>
<option value="option3">Red</option>
<option value="other">other</option>
</select>
<span class="selectRequiredMsg">Please select a colour.</span></span>
<input type="submit" value="Send">
</form>
I know now that the approach is to show/hide a separate textbox besides the other... well. I don't know how to implement that, I think I really need your help guys. I'm completely frustrated.
Thanks in advance.

Have a look at the following
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="http://labs.adobe.com/technologies/spry/widgets/selectvalidation/SpryValidationSelect.css" rel="stylesheet">
<link href="http://labs.adobe.com/technologies/spry/widgets/textfieldvalidation/SpryValidationTextField.css" rel="stylesheet">
<style>
.hidden {display:none;}
</style>
</head>
<body>
<form action="" method="post">
<span id="spryselect1">
<label for="colors">Colours:</label>
<select name="colors" id="colors" onchange="MyOnClickHandler(this.value)">
    <option value="">Please select...</option>
    <option value="blue">Blue</option>
    <option value="white">White</option>
    <option value="red">Red</option>
    <option value="other">other</option>
</select>
<span class="selectRequiredMsg">Please select a colour.</span></span><span id="sprytextfield1">
<input name="other" id="other" class="hidden" type="text">
<span class="textfieldRequiredMsg">A value is required.</span></span>
<input name="" type="submit">
</form>
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryDOMUtils.js"></script>
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryValidationSelect.js"></script>
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryValidationTextField.js"></script>
<script>
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1");
var sprytextfield1;
function MyOnClickHandler(value) {
     if(value =='other') { //show text field and set validation
          if(!sprytextfield1){
          sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
          Spry.$$('input#other').removeClassName('hidden');
     } else { //hide textfield and destroy validation
          if(sprytextfield1 && sprytextfield1.destroy){
               sprytextfield1.resetClasses();
               sprytextfield1.destroy();
               sprytextfield1 = null;
          Spry.$$('input#other').addClassName('hidden');
     return false;
</script>
</body>
</html>
Gramps

Spry menu shifts to left in IE...again

I feel like this question has been asked 100 times, and I've read through everyone of them, trying the fixes one by one, to no avail. I've officially reached the end of my rope with this one. I followed the rules (*I think*) and edited the CSS to get my colors, etc as I need them. All looks great, except that it looks fine in FFX, but not in IE. The submenu shifts to the left in IE. Can anyone help? I'm sure it's right in front of my face, but I can't see it. Thanks in advance.
Here's the Spry CSS code:
@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: 100%;
cursor: default;
width: auto;
background-color: #cccccc;
vertical-align: middle;
/* 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: auto;
float: right;
vertical-align: middle;
/* 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: 8em;
position: absolute;
left: -1000em;
height: auto;
/* 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: 135px;
float: left;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: 0 0 0 100%;
/* 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: 0px;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #cccccc;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
vertical-align: middle;
/* 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: #c30100;
color: #ffffff;
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-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%;
height: auto;
/* 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-repeat: no-repeat;
background-position: 95% 50%;
background-color: c30100;
/* 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%;
width: 100px;
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: right;
background: #FFF;
Here's my other page CSS code:
.navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration:none;
.homepagebodytext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
font-weight: normal;
color: #000000;
text-decoration: none;
text-align: left;
vertical-align: top;
padding-right: 200px;
padding-left: 200px;
.homepageheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 24px;
font-weight: bold;
color: #c30100;
text-decoration: none;
text-align: left;
vertical-align: top;
padding-right: 200px;
padding-left: 200px;
padding-top: 25px;
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: italic;
font-weight: normal;
color: #000000;
text-align: right;
padding-right: 10px;
.bodytext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
font-weight: normal;
color: #000000;
text-decoration: none;
text-align: left;
vertical-align: top;
padding-right: 10px;
padding-left: 5px;
.bodytext a:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 16px;
font-weight: normal;
color: #000000;
text-decoration: underline;
text-align: left;
vertical-align: top;
padding-right: 10px;
padding-left: 5px;
.pageheaders {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 24px;
font-weight: bold;
color: #c30100;
text-decoration: none;
text-align: left;
vertical-align: top;
padding-right: 10px;
padding-left: 5px;
padding-top: 0px;
.breadcrumbs {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-align: right;
padding-right: 10px;
vertical-align: middle;
.breadcrumbs a:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-align: right;
padding-right: 10px;
vertical-align: middle;
.breadcrumbs a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-align: right;
padding-right: 10px;
vertical-align: middle;
.breadcrumbs a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
text-align: right;
padding-right: 10px;
vertical-align: middle;

Before we go any further, you need to upgrade to the latest version of Spry.
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.
Once you have done that and you re-assign the values in the CSS files, please read the comments first as in
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: right;
background: #FFF;
Gramps

Any thoughts why updating template causes menu to not work?

Sorry for the repost, but several pages have gone by and no one has been able to offer even a glimmer of hope.
I am having an issue where any changes whatsoever to the template cause the JS dropdown menu to stop working. This happens to both templates that I use.
I can make changes to child pages, and everything stays working. But on the template itself, even insignificant changes like changing HOURS to HOUR causes the issue.
The page can be found at: http://propsfortoday.com
I would be very grateful if someone could point me in the right direction.
Thanks, Bill

Wow. Thanks for writing.
It is a site I've inherited. It hasn't been updated in two years because of chronic problems.
I first accessed the templates with DW CS4 on an iMac. Then began using DW CS3 on a WinXP machine.
The menu is JavaScript.. I think the script is called mmLoadMenus.
I would do the pages manually except for all the PHP.
Perhaps my process is flawed, so here is what I do:
I copied the htdocs folder from the Apache server as backup and make yet another copy to work on. I then either upload modified pages to another server for testing, or change the extension to .html for local testing.
By this method, I can do anything I want to child pages and retain full menu functionality. But any minor template change- adding or removing a character or inserting Google codes- causes the drop-down menu to stop working.
Thanks again for your attention.
Peace, Bill

Adding a country to the Change Address Format menu

I have someone who I wish to write to in Turkmenistan, so I'm using Address Book to create a label for him. However, Turkmenistan (like many other countries) is not listed on the menu of countries you can change the Address Format to on the Edit/Change Address Format submenu, when you click on the address type (home, work, etc).
Is there a way to add countries, or perhaps to specify Other/Not Listed and just use a single blank field to type in the address? When I try and enter a Turkmenistan address according to the USA label format, it looks misaligned and has a gap between the second to last and last lines of the address.
I've searched the forums and all the documentation already, but I can find nothing on this. Please help if you can!

This is what I was doing initially, but for some strange reason, when I paste the Cyrillic in from another document (as I cannot type it myself), the second line of the address gets shifted all the way to the left, outside of the actual editing field. I can't edit it or make it align properly at all, and it looks that way even on the saved Card. I think on the label, it looks fine, but I can't delete the City, State fields, so there's a gap between the major bulk of the address and the country.
It would be nice if there were a way to say what fields you want on a card- for example, drag and drop Street, or Address Line 1, Address Line 2, and delete fields you don't want- like State/Province. (This would negate the need of needing to pick a country's particular format, because you could rearrange it as you pleased, or as was proper for wherever you were writing). I'm just wondering if there's some way to do something to help me-- maybe change something in one of the plist files, or AppleScript? (Though I'd rather an easier solution, if I can get it done, that would be great.)

Changed DOCTYPE Causes menu shift in IE

Similar Messages

Maybe you are looking for