Spry Vert Menu: Weird top item display in DW design view

Whenever I insert a vertical menu, the top Item always dispalys in Design View right justified (see attached image).  Really distracting. Displays fine once published.  Just bugging me?

Thanks Ben.  Code below.  I didnt really think it wa simportant mainlyu because this is is the totally untweaked DW code dropped in
after choosing a vertical menu spry via the wizard menu.  I did nothing to this code.  ANY menu I drop in thgru the wizard shows up like this initially - its the default drop in code from DW program itelf doing htis.
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  <TR>
    <TD WIDTH="200" VALIGN="TOP" BACKGROUND="images/leftmenubg1.gif">
   <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','200','height','215','src','flash/flashlogo','menu','false','quality','high','bgcolor', '#000000','pluginspage','http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve rsion=ShockwaveFlash','movie','flash/flashlogo' ); //end AC code
</script><noscript><OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
      CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
      WIDTH="200" HEIGHT="215"><PARAM NAME="movie" VALUE="flash/flashlogo.swf"><PARAM
      NAME="menu" VALUE="false"><PARAM NAME="quality" VALUE="high"><PARAM
      NAME="bgcolor" VALUE="#000000"><EMBED SRC="flash/flashlogo.swf" MENU="false"
      QUALITY="high" BGCOLOR="#003366" WIDTH="200" HEIGHT="215"
      TYPE="application/x-shockwave-flash"
      PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></O BJECT></noscript>
     <BR>
                 <BR>
            <ul id="MenuBar1" class="MenuBarVertical">
                   <li><a href="index.html">Home</a>                   </li>
                   <li><a href="news_events/events/events.html">Events</a></li>
                   <li><a href="education/cme/cme.html">Publications</a>                   </li>
                   <li><a href="pda/index.html">Tools</a>                   </li>
                   <li><a href="disclosures.html">Disclosures</a></li>
                   <li><a href="consult.html">Consulting</a></li>
                   <li><a href="mission.html">Our Mission</a></li>
                   <li><a href="members.html">Our Members</a></li>
                   <li><a href="history.html">Our History</a></li>
                   <li><a href="contact.html">Contact</a></li>
            </ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
     </script>

Similar Messages

  • MX won't display CSS in Design View

    I built a site for a client using CSS for the layout. The
    client wants to do her own updates with Dreamweaver MX. We've found
    that the layout does not show in Design View, so she's doing minor
    updates in code view (which she's comfortable with).
    A secod site she manages was done with tables and displays
    properly in Design View.
    Can I assume that the problem is just that MX does not
    display CSS layout? She needs an answer so she can ask her boss to
    spend the money for an upgrade.
    -Jesse

    Yes .. I agree. :)
    However .. I would still recommend Contribute for a
    non-webpro.
    Nancy
    "Murray *ACE*" <[email protected]> wrote
    in message
    news:g2othk$f5d$[email protected]..
    > If I were going to give a client DW, I would surely not
    give them DMX.
    >
    > --
    > Murray --- ICQ 71997575
    > Adobe Community Expert
    > (If you *MUST* email me, don't LAUGH when you do so!)
    > ==================
    >
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    > ==================
    >
    >
    > "Nancy" <[email protected]> wrote in message
    > news:g2orsi$d9l$[email protected]..
    >> CSS display improved markedly as of DW 8. Even
    better with CS3.
    >>
    >> I would be hesitant to give a client Dreamweaver
    however .. I would
    >> rather recommend giving a client Contribute.
    >>
    >>
    >> --
    >> Nancy Gill
    >> Adobe Community Expert
    >> Author: Dreamweaver 8 e-book for the DMX Zone
    >> Co-Author: Dreamweaver MX: Instant Troubleshooter
    (August, 2003)
    >> Technical Editor: Dreamweaver CS3: The Missing
    Manual,
    >> DMX 2004: The Complete Reference, DMX 2004: A
    Beginner's Guide
    >> Mastering Macromedia Contribute
    >> Technical Reviewer: Dynamic Dreamweaver MX/DMX:
    Advanced PHP Web
    >> Development
    >>
    >> "JesseLY" <[email protected]> wrote
    in message
    >> news:g2orog$d4k$[email protected]..
    >>>I built a site for a client using CSS for the
    layout. The client wants to
    >>>do
    >>> her own updates with Dreamweaver MX. We've found
    that the layout does
    >>> not show
    >>> in Design View, so she's doing minor updates in
    code view (which she's
    >>> comfortable with).
    >>>
    >>> A secod site she manages was done with tables
    and displays properly in
    >>> Design
    >>> View.
    >>>
    >>> Can I assume that the problem is just that MX
    does not display CSS
    >>> layout? She
    >>> needs an answer so she can ask her boss to spend
    the money for an
    >>> upgrade.
    >>>
    >>> -Jesse
    >>>
    >>>
    >>>
    >>>
    >>
    >>
    >

  • My spry horizontal menu bar is now displaying vertical. How do I fix it?

    My horizontal spry menu bar displays correctly at http://www.matthewvandyke.com/ar/photos/ but displays vertical at http://www.matthewvandyke.com/ar/about.html.  It started doing this a few days ago and I am not sure why.
    Can anyone take a look at this code and tell me why this would be happening?
    Here is the code:
    about.html
    (the relevant code from this page)
    <div id="topNavigation">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="الصفحة" _mce_href="http://www.matthewvandyke.com/ar/">الصفحة">http://www.matthewvandyke.com/ar/"> الصفحة الرئيسية</a></li>
          <li><a href="حول" _mce_href="http://www.matthewvandyke.com/about.html">حول">http://www.matthewvandyke.com/a bout.html">حول ماثيو فاندايك</a></li>
          <li><a href="الكتابhttp://www.matthewvandyke.com/book.html">الكتاب</a></li>
          <li><a href="الفيلمhttp://www.matthewvandyke.com/film.html">الفيلم</a></li>
          <li><a href="مقاتل" _mce_href="http://www.matthewvandyke.com/about.html#freedom-fighter">مقاتل">http://www.ma tthewvandyke.com/about.html#freedom-fighter">مقاتل الحرية</a></li>
          <li><a href="مغامراتhttp://www.matthewvandyke.com/about.html#adventures">مغامرات</a></li>
          <li><a href="تحليلاتhttp://www.matthewvandyke.com/analyst.html">تحليلات</a></li>
          <li><a href="الحقائقhttp://www.matthewvandyke.com/the-facts.html">الحقائق</a></li>
          <li><a href="الصورhttp://www.matthewvandyke.com/ar/photos/">الصور</a></li>
          <li><a href="الفيديوhttp://www.matthewvandyke.com/video/">الفيديو</a></li>
          <li><a href="المدونةhttp://www.matthewvandyke.com/blog/">المدونة</a></li>
          <li><a href="الصحافةhttp://www.matthewvandyke.com/press.html">الصحافة</a></li>
          <li><a href="الأحداث" _mce_href="http://www.matthewvandyke.com/events/">الأحداث">http://www.matthewvandyke.com/ events/">الأحداث والمناسبات</a></li>
          <li><a href="الرعاةhttp://www.matthewvandyke.com/sponsors/">الرعاة</a></li>
          <li><a href="وسائل" _mce_href="http://www.matthewvandyke.com/social-media.html">وسائل">http://www.matthewvand yke.com/social-media.html">وسائل الإعلام الاجتماعية</a></li>
        </ul>
      </div>
    SpryMenuBarHorizontal.css
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.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, 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;
    /* 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 .15em;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    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: auto;
    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
    display: block;
    float: none;
    width: auto;
    white-space: nowrap;
    /* 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: #000000;
    padding: 0.4em 0.15em;
    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: #d6c7a6;
    color: #000;
    /* 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: #d6c7a6;
    color: #000;
    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%;
    padding: 0.4em 0.15em;
    /* 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;
      f\loat: left;
      background: #FFF;
    SpryMenuBar.js
    // SpryMenuBar.js - version 0.12 - Spry Pre-Release 1.6.1
    // Copyright (c) 2006. Adobe Systems Incorporated.
    // All rights reserved.
    // Redistribution and use in source and binary forms, with or without
    // modification, are permitted provided that the following conditions are met:
    //   * Redistributions of source code must retain the above copyright notice,
    //     this list of conditions and the following disclaimer.
    //   * Redistributions in binary form must reproduce the above copyright notice,
    //     this list of conditions and the following disclaimer in the documentation
    //     and/or other materials provided with the distribution.
    //   * Neither the name of Adobe Systems Incorporated nor the names of its
    //     contributors may be used to endorse or promote products derived from this
    //     software without specific prior written permission.
    // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
    // AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
    // IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
    // ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
    // LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
    // CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
    // SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
    // INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
    // CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
    // ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
    // POSSIBILITY OF SUCH DAMAGE.
    SpryMenuBar.js
    This file handles the JavaScript for Spry Menu Bar.  You should have no need
    to edit this file.  Some highlights of the MenuBar object is that timers are
    used to keep submenus from showing up until the user has hovered over the parent
    menu item for some time, as well as a timer for when they leave a submenu to keep
    showing that submenu until the timer fires.
    var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
    Spry.BrowserSniff = function()
    var b = navigator.appName.toString();
    var up = navigator.platform.toString();
    var ua = navigator.userAgent.toString();
    this.mozilla = this.ie = this.opera = this.safari = false;
    var re_opera = /Opera.([0-9\.]*)/i;
    var re_msie = /MSIE.([0-9\.]*)/i;
    var re_gecko = /gecko/i;
    var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
    var r = false;
    if ( (r = ua.match(re_opera))) {
      this.opera = true;
      this.version = parseFloat(r[1]);
    } else if ( (r = ua.match(re_msie))) {
      this.ie = true;
      this.version = parseFloat(r[1]);
    } else if ( (r = ua.match(re_safari))) {
      this.safari = true;
      this.version = parseFloat(r[2]);
    } else if (ua.match(re_gecko)) {
      var re_gecko_version = /rv:\s*([0-9\.]+)/i;
      r = ua.match(re_gecko_version);
      this.mozilla = true;
      this.version = parseFloat(r[1]);
    this.windows = this.mac = this.linux = false;
    this.Platform = ua.match(/windows/i) ? "windows" :
         (ua.match(/linux/i) ? "linux" :
         (ua.match(/mac/i) ? "mac" :
         ua.match(/unix/i)? "unix" : "unknown"));
    this[this.Platform] = true;
    this.v = this.version;
    if (this.safari && this.mac && this.mozilla) {
      this.mozilla = false;
    Spry.is = new Spry.BrowserSniff();
    // Constructor for Menu Bar
    // element should be an ID of an unordered list (<ul> tag)
    // preloadImage1 and preloadImage2 are images for the rollover state of a menu
    Spry.Widget.MenuBar = function(element, opts)
    this.init(element, opts);
    Spry.Widget.MenuBar.prototype.init = function(element, opts)
    this.element = this.getElement(element);
    // represents the current (sub)menu we are operating on
    this.currMenu = null;
    this.showDelay = 250;
    this.hideDelay = 600;
    if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
      // bail on older unsupported browsers
      return;
    // Fix IE6 CSS images flicker
    if (Spry.is.ie && Spry.is.version < 7){
      try {
       document.execCommand("BackgroundImageCache", false, true);
      } catch(err) {}
    this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
    this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
    this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
    this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
    this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
    this.hoverClass = 'MenuBarItemHover';
    this.subHoverClass = 'MenuBarItemSubmenuHover';
    this.subVisibleClass ='MenuBarSubmenuVisible';
    this.hasSubClass = 'MenuBarItemSubmenu';
    this.activeClass = 'MenuBarActive';
    this.isieClass = 'MenuBarItemIE';
    this.verticalClass = 'MenuBarVertical';
    this.horizontalClass = 'MenuBarHorizontal';
    this.enableKeyboardNavigation = true;
    this.hasFocus = false;
    // load hover images now
    if(opts)
      for(var k in opts)
       if (typeof this[k] == 'undefined')
        var rollover = new Image;
        rollover.src = opts[k];
      Spry.Widget.MenuBar.setOptions(this, opts);
    // safari doesn't support tabindex
    if (Spry.is.safari)
      this.enableKeyboardNavigation = false;
    if(this.element)
      this.currMenu = this.element;
      var items = this.element.getElementsByTagName('li');
      for(var i=0; i<items.length; i++)
       if (i > 0 && this.enableKeyboardNavigation)
        items[i].getElementsByTagName('a')[0].tabIndex='-1';
       this.initialize(items[i], element);
       if(Spry.is.ie)
        this.addClassName(items[i], this.isieClass);
        items[i].style.position = "static";
      if (this.enableKeyboardNavigation)
       var self = this;
       this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
      if(Spry.is.ie)
       if(this.hasClassName(this.element, this.verticalClass))
        this.element.style.position = "relative";
       var linkitems = this.element.getElementsByTagName('a');
       for(var i=0; i<linkitems.length; i++)
        linkitems[i].style.position = "relative";
    Spry.Widget.MenuBar.KEY_ESC = 27;
    Spry.Widget.MenuBar.KEY_UP = 38;
    Spry.Widget.MenuBar.KEY_DOWN = 40;
    Spry.Widget.MenuBar.KEY_LEFT = 37;
    Spry.Widget.MenuBar.KEY_RIGHT = 39;
    Spry.Widget.MenuBar.prototype.getElement = function(ele)
    if (ele && typeof ele == "string")
      return document.getElementById(ele);
    return ele;
    Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
    if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
      return false;
    return true;
    Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
    if (!ele || !className || this.hasClassName(ele, className))
      return;
    ele.className += (ele.className ? " " : "") + className;
    Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
    if (!ele || !className || !this.hasClassName(ele, className))
      return;
    ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
    // addEventListener for Menu Bar
    // attach an event to a tag without creating obtrusive HTML code
    Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
    try
      if (element.addEventListener)
       element.addEventListener(eventType, handler, capture);
      else if (element.attachEvent)
       element.attachEvent('on' + eventType, handler);
    catch (e) {}
    // createIframeLayer for Menu Bar
    // creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
    Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
    var layer = document.createElement('iframe');
    layer.tabIndex = '-1';
    layer.src = 'javascript:""';
    layer.frameBorder = '0';
    layer.scrolling = 'no';
    menu.parentNode.appendChild(layer);
    layer.style.left = menu.offsetLeft + 'px';
    layer.style.top = menu.offsetTop + 'px';
    layer.style.width = menu.offsetWidth + 'px';
    layer.style.height = menu.offsetHeight + 'px';
    // removeIframeLayer for Menu Bar
    // removes an IFRAME underneath a menu to reveal any form controls and ActiveX
    Spry.Widget.MenuBar.prototype.removeIframeLayer =  function(menu)
    var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
    while(layers.length > 0)
      layers[0].parentNode.removeChild(layers[0]);
    // clearMenus for Menu Bar
    // root is the top level unordered list (<ul> tag)
    Spry.Widget.MenuBar.prototype.clearMenus = function(root)
    var menus = root.getElementsByTagName('ul');
    for(var i=0; i<menus.length; i++)
      this.hideSubmenu(menus[i]);
    this.removeClassName(this.element, this.activeClass);
    // bubbledTextEvent for Menu Bar
    // identify bubbled up text events in Safari so we can ignore them
    Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
    return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
    // showSubmenu for Menu Bar
    // set the proper CSS class on this menu to show it
    Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
    if(this.currMenu)
      this.clearMenus(this.currMenu);
      this.currMenu = null;
    if(menu)
      this.addClassName(menu, this.subVisibleClass);
      if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
       if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
        menu.style.top = menu.parentNode.offsetTop + 'px';
      if(Spry.is.ie && Spry.is.version < 7)
       this.createIframeLayer(menu);
    this.addClassName(this.element, this.activeClass);
    // hideSubmenu for Menu Bar
    // remove the proper CSS class on this menu to hide it
    Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
    if(menu)
      this.removeClassName(menu, this.subVisibleClass);
      if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
       menu.style.top = '';
       menu.style.left = '';
      if(Spry.is.ie && Spry.is.version < 7)
       this.removeIframeLayer(menu);
    // initialize for Menu Bar
    // create event listeners for the Menu Bar widget so we can properly
    // show and hide submenus
    Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
    var opentime, closetime;
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    if(menu)
      this.addClassName(link, this.hasSubClass);
    if(!Spry.is.ie)
      // define a simple function that comes standard in IE to determine
      // if a node is within another node
      listitem.contains = function(testNode)
       // this refers to the list item
       if(testNode == null)
        return false;
       if(testNode == this)
        return true;
       else
        return this.contains(testNode.parentNode);
    // need to save this for scope further down
    var self = this;
    this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
    this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
    if (this.enableKeyboardNavigation)
      this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
      this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
    Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
    this.lastOpen = listitem.getElementsByTagName('a')[0];
    this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
    this.hasFocus = true;
    Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
    this.clearSelection(listitem);
    Spry.Widget.MenuBar.prototype.clearSelection = function(el){
    //search any intersection with the current open element
    if (!this.lastOpen)
      return;
    if (el)
      el = el.getElementsByTagName('a')[0];
      // check children
      var item = this.lastOpen;
      while (item != this.element)
       var tmp = el;
       while (tmp != this.element)
        if (tmp == item)
         return;
        try{
         tmp = tmp.parentNode;
        }catch(err){break;}
       item = item.parentNode;
    var item = this.lastOpen;
    while (item != this.element)
      this.hideSubmenu(item.parentNode);
      var link = item.getElementsByTagName('a')[0];
      this.removeClassName(link, this.hoverClass);
      this.removeClassName(link, this.subHoverClass);
      item = item.parentNode;
    this.lastOpen = false;
    Spry.Widget.MenuBar.prototype.keyDown = function (e)
    if (!this.hasFocus)
      return;
    if (!this.lastOpen)
      this.hasFocus = false;
      return;
    var e = e|| event;
    var listitem = this.lastOpen.parentNode;
    var link = this.lastOpen;
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];
    if (!opts[3])
      opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null;
    var found = 0;
    switch (e.keyCode){
      case this.upKeyCode:
       found = this.getElementForKey(opts, 'y', 1);
       break;
      case this.downKeyCode:
       found = this.getElementForKey(opts, 'y', -1);
       break;
      case this.leftKeyCode:
       found = this.getElementForKey(opts, 'x', 1);
       break;
      case this.rightKeyCode:
       found = this.getElementForKey(opts, 'x', -1);
       break;
      case this.escKeyCode:
      case 9:
       this.clearSelection();
       this.hasFocus = false;
      default: return;
    switch (found)
      case 0: return;
      case 1:
       //subopts
       this.mouseOver(listitem, e);
       break;
      case 2:
       //parent
       this.mouseOut(opts[2], e);
       break;
      case 3:
      case 4:
       // left - right
       this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
       break;
    var link = opts[found].getElementsByTagName('a')[0];
    if (opts[found].nodeName.toLowerCase() == 'ul')
      opts[found] = opts[found].getElementsByTagName('li')[0];
    this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
    this.lastOpen = link;
    opts[found].getElementsByTagName('a')[0].focus();
            //stop further event handling by the browser
    return Spry.Widget.MenuBar.stopPropagation(e);
    Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    if (this.enableKeyboardNavigation)
      this.clearSelection(listitem);
    if(this.bubbledTextEvent())
      // ignore bubbled text events
      return;
    if (listitem.closetime)
      clearTimeout(listitem.closetime);
    if(this.currMenu == listitem)
      this.currMenu = null;
    // move the focus too
    if (this.hasFocus)
      link.focus();
    // show menu highlighting
    this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
    this.lastOpen = link;
    if(menu && !this.hasClassName(menu, this.subHoverClass))
      var self = this;
      listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);
    Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    if(this.bubbledTextEvent())
      // ignore bubbled text events
      return;
    var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
    if(!listitem.contains(related))
      if (listitem.opentime)
       clearTimeout(listitem.opentime);
      this.currMenu = listitem;
      // remove menu highlighting
      this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
      if(menu)
       var self = this;
       listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);
      if (this.hasFocus)
       link.blur();
    Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
    var child = element[sibling];
    while (child && child.nodeName.toLowerCase() !='li')
      child = child[sibling];
    return child;
    Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
    var found = 0;
    var rect = Spry.Widget.MenuBar.getPosition;
    var ref = rect(els[found]);
    var hideSubmenu = false;
    //make the subelement visible to compute the position
    if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
      els[1].style.visibility = 'hidden';
      this.showSubmenu(els[1]);
      hideSubmenu = true;
    var isVert = this.hasClassName(this.element, this.verticalClass);
    var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;
    for (var i = 1; i < els.length; i++){
      //when navigating on the y axis in vertical menus, ignore children and parents
      if(prop=='y' && isVert && (i==1 || i==2))
       continue;
      //when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
      if(prop=='x' && !isVert && !hasParent && (i==1 || i==2))
       continue;
      if (els[i])
       var tmp = rect(els[i]);
       if ( (dir * tmp[prop]) < (dir * ref[prop]))
        ref = tmp;
        found = i;
    // hide back the submenu
    if (els[1] && hideSubmenu){
      this.hideSubmenu(els[1]);
      els[1].style.visibility =  '';
    return found;
    Spry.Widget.MenuBar.camelize = function(str)
    if (str.indexOf('-') == -1){
      return str;
    var oStringList = str.split('-');
    var isFirstEntry = true;
    var camelizedString = '';
    for(var i=0; i < oStringList.length; i++)
      if(oStringList[i].length>0)
       if(isFirstEntry)
        camelizedString = oStringList[i];
        isFirstEntry = false;
       else
        var s = oStringList[i];
        camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
    return camelizedString;
    Spry.Widget.MenuBar.getStyleProp = function(element, prop)
    var value;
    try
      if (element.style)
       value = element.style[Spry.Widget.MenuBar.camelize(prop)];
      if (!value)
       if (document.defaultView && document.defaultView.getComputedStyle)
        var css = document.defaultView.getComputedStyle(element, null);
        value = css ? css.getPropertyValue(prop) : null;
       else if (element.currentStyle)
         value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
    catch (e) {}
    return value == 'auto' ? null : value;
    Spry.Widget.MenuBar.getIntProp = function(element, prop)
    var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
    if (isNaN(a))
      return 0;
    return a;
    Spry.Widget.MenuBar.getPosition = function(el, doc)
    doc = doc || document;
    if (typeof(el) == 'string') {
      el = doc.getElementById(el);
    if (!el) {
      return false;
    if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
      //element must be visible to have a box
      return false;
    var ret = {x:0, y:0};
    var parent = null;
    var box;
    if (el.getBoundingClientRect) { // IE
      box = el.getBoundingClientRect();
      var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
      var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
      ret.x = box.left + scrollLeft;
      ret.y = box.top + scrollTop;
    } else if (doc.getBoxObjectFor) { // gecko
      box = doc.getBoxObjectFor(el);
      ret.x = box.x;
      ret.y = box.y;
    } else { // safari/opera
      ret.x = el.offsetLeft;
      ret.y = el.offsetTop;
      parent = el.offsetParent;
      if (parent != el) {
       while (parent) {
        ret.x += parent.offsetLeft;
        ret.y += parent.offsetTop;
        parent = parent.offsetParent;
      // opera & (safari absolute) incorrectly account for body offsetTop
      if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
       ret.y -= doc.body.offsetTop;
    if (el.parentNode)
       parent = el.parentNode;
    else
      parent = null;
    if (parent.nodeName){
      var cas = parent.nodeName.toUpperCase();
      while (parent && cas != 'BODY' && cas != 'HTML') {
       cas = parent.nodeName.toUpperCase();
       ret.x -= parent.scrollLeft;
       ret.y -= parent.scrollTop;
       if (parent.parentNode)
        parent = parent.parentNode;
       else
        parent = null;
    return ret;
    Spry.Widget.MenuBar.stopPropagation = function(ev)
    if (ev.stopPropagation)
      ev.stopPropagation();
    else
      ev.cancelBubble = true;
    if (ev.preventDefault)
      ev.preventDefault();
    else
      ev.returnValue = false;
    Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
    if (!optionsObj)
      return;
    for (var optionName in optionsObj)
      if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
       continue;
      obj[optionName] = optionsObj[optionName];

    I have not seen your error in either my IE or my chrome. I do note that you are using a "strict" Document Type Declaration.
    You might try a transitional DTD, which should be more forgiving than the strict:
    <!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">
    Other than that, I don't see anything particular (because I don't see the error, either) that would cause the menu to drop vertically instead of horizontally.
    Beth

  • Spry Vert Menu - Submenu position in IE

    Hi - I've waited for a week for an answer from the Spry
    Framework discussion forum and no answer, so hope to get one here.
    I've searched through numerous posts, but none of the solutions
    seemed to work.
    The problem: Spry vertical menu, when a secondary page is
    loaded with the submenu visible, the sub moves to the top of the
    div. It won't stay aligned with it's parent menu item. I tried
    updating to Spry 1.6 and had more problems so backed up to 1.4.
    Works fine in FF, Safari.
    Sample Link: <
    http://www.vwc.com/ATC138_test/industry-construction.html>
    Thanks for any help.

    Any help out there?

  • Display Html screen, design view and CSS screen at the same time ?

    Hello everyone !
    Well this is my problem :
    I am on a Dual Screen monitor, in one screen i have the ''code inspector'' to view my html code and the second screen i have the Design view.
    Problem is,  i hate switching always my tabs when I need to work on my Html and my CSS.
    I was wondering if anyone found a way to display, i don't know maybe 2 code inspector or simply find a way to split the screen so I can see html and css at the same time ?
    Thanks a lot !
    Nick

    If you're using Dreamweaver CS4, this is very easy. View the HTML in the Code Inspector, and have Vertical Split view in the main Document window. In the Related Files toolbar, select the stylesheet.

  • Display issue in Design view

    :confused; I'm working in Dreamweaver 8 (Windows XP). I'm
    using the 2col_leftNav.css (tweaked somewhat) for my pages. I'm
    having some problems with the display in Design view.
    For quite some time, whenever I entered new text into a page,
    everything in the div (content > feature) shifted to the right.
    If I italicized or bolded the text, everything would shift back
    into position. If I changed it back into normal font, it stayed in
    place until I added more content. Quite annoying, but I managed.
    Something that just started (taking over the previous issue,
    with no apparent reason/causal factor): the content > feature
    div has shifted to the left, overlapping the left column
    navigation. I haven't found anything that will make things shift
    back into place. This is very hard to read, and makes working in
    design view almost impossible.
    Any idea what is going on here and what I can do about
    it?

    quote:
    Originally posted by:
    bregent
    >Any idea what is going on here and what I can do about
    it?
    You forgot to post the url so we really can't say.
    This is something that presents itself ONLY in Dreamweaver.
    When I look at the file in a browser, it looks fine. When I post
    the page to the internet, it's fine. The issue is just in editing
    the page in Dreamweaver.
    However, if you'd like to see some pages where this issue
    presented itself during construction, you can see them at
    www.essential-vitamins.com/stemTech/index.html
    www.therapeutic-grade.com.
    Thanks.

  • Snippets not displayed in Topic (Design View)

    I have RoboHelp 7.0.2.
    This "snippets" problem started a few days ago. I use the
    same 2 snippets in about 100 topics. Suddenly, the snippets stopped
    getting displayed in the topics (Design View). I don't see the
    snippets even when I click the eye glasses icon for a preview.
    However, if I switch to HTML View, the code does confirm that
    the snippets are there.
    This problem started happening around a few days after I
    started having version control issues with RH. My project is
    version controlled (Sourcesafe) so I have always checked in/out
    topics for working. But nowadays, after a few hours of RH being
    open, it just messes the version control part. That is, it will not
    let me edit topics that I have checked out myself telling me that
    the file is already checked out. And at times, it won't even check
    in my files.
    I thought maybe my RH install is corrupt so I just
    reinstalled RH (7.0.2). However, I still cannot see the snippets.
    Not sure about the version control part since I haven't kept RH
    open for a long time.
    Any thoughts?
    Thanks,
    K

    The issue that I am having is that when I renamed the
    snippet, only two topics accepted kept the snippet and allowed it
    to remain (with the new name). The other 100 topics showed that I
    had a snippet (even though you couldn't see it), but in the
    tooltip, showed the previous name I named the snippet. I went back
    to the snippet and renamed it back to the old name - which oddly
    this time, the two topics that were accepting the snippet as any
    name, did not take and the snippet was there, but would not appear.
    I guess this is a little glitch in the renaming snippet
    function. I can't think of anything else??? Anyway, I kept the
    original name (although, another odd thing is this isn't the
    original - this is another one I changed it to) and removed the
    snippet that wasn't appearing from the two topics and reinserted it
    again. I guess it's better than reinserting it 100 times.
    Sorry I can't be of more help.
    Thanks,
    Michele

  • CSS Styles not displayed properly in design view - SOLVED (not 'Display Styles')

    For several weeks, I've been troubleshooting the issue of CSS
    and inline styles not being displayed properly when in Dreamweaver
    CS3 design view, and checking in to the forums occassionally to see
    if there was a solution other than making sure "Display Styles" was
    selected under View -> Style Rendering (it was, and still
    nothing would display properly!).
    After much frustration, I may have found the solution to
    those still experiencing the issue even after "Display Styles" is
    appropriately checked. I went in to my master template for the
    site, and found an erroneous <br> tag after the <link
    href> for the stylesheet, which I must have inadvertantly
    inserted when I added the code for the site's favicon. (You get so
    used to Shift-Enter in layout mode, it's almost automatic,
    regardless of what pane your in.) I can't believe I missed this
    before! Deleting the erroneous tag cleaned up the whole
    site.

    I had the same thing happen to me. After hours of trouble
    shooting I found a bit of inappropriate code left in the HTML.
    Cleaned that up and all is good. Seems like it is often something
    so simple. Guess that is why it is so maddening when i can't figure
    it out!

  • Spry horizontal menu widget individual item control

    In my horizontal menu there are 4 main items. Can I change
    one of the items background color to green?
    I got no reply... Let me try to be more specific...
    http://www.appliedbrain.com/sprytest.html
    On this page above, is it possible to make one of the main
    item buttons a different color ( for example: the button that says
    green)? Is this within the limitations of the spry widget?
    Thank you,
    -Nance

    dwdivazona wrote:
    First of all, I realize that there is discussion forum specifically for Spry but when I checked it out, it looks like those questions get very few replies.
    There's a very good reason for that. Adobe announced in August that it no longer plans to invest in the development of Spry (see http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l).
    Before attempting to customize a Spry menu, you should also be aware that the version embedded in Dreamweaver displays problems with IE 8 and above.
    Quite honestly, you would be better off looking for an alternative menu system.

  • Spry Vert Menu problem

    Hi,
    A little history... I am new to DW (CS3) and am trying to
    teach myself. I have built a couple sites prior so I know just
    enough to be dangerous... :)
    I have a site I am developing with a frameset layout. "fixed
    top, nested left" in DW terms.
    Problem: My left panel is my 'menu' html. When I create a
    vertical menu w/spry widget and has a menu with a submenu, the
    submenus seem to go 'behind' the main page or what I call the body
    of my webpage. Is there a way to have the menus 'float' over a
    bordering page on a frameset ? My description might be less than
    crystal so please ask what info is needed. This site is not posted
    anywhere so there is no code to inspect ..yet..
    TIA,
    B

    B_Nemo wrote:
    > A little history... I am new to DW (CS3) and am trying
    to teach myself. I
    > have built a couple sites prior so I know just enough to
    be dangerous... :)
    Obviously not enough to know that each frame in a frameset is
    a separate
    window. You cannot make the content of one frame display over
    the
    content of another. It's one of the many disadvantages of
    frames.
    David Powers, Adobe Community Expert
    Author, "The Essential Guide to Dreamweaver CS3" (friends of
    ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • Preview and Generate view not displaying the same as design view

    RoboHelp HTML Ver 8.0.2.208.
    Hi all,
    I have a topic that will not generate or preview what is displayed in the design view.
    The topic is a table that uses a different image as the background for each cell (from the CSS).
    The background images display fine in design view but will not display when previewed or generated. Everything else is displayed but not the backgrounds.
    Any ideas.
    Thanks
    Wowronin

    You have this -
    </head>
    <script>
    <!--
    function msgopen(url, name, w, h)
    w += 32;
    h += 96;
    var win = window.open(url,
      name,
      'width=' + w + ', height=' + h + ', ' +
      'location=no, menubar=no, ' +
      'status=no, toolbar=no, scrollbars=yes, resizable=yes,screenX=2,screenY=2,left=100,top=100,');
    win.resizeTo(w, h);
    win.focus();
    // -->
    </script>
    <style type="text/css">
    #preloader  {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: #fefefe;
         z-index: 99;
        height: 100%;
    #status  {
         width: 200px;
         height: 200px;
         position: absolute;
         left: 50%;
         top: 50%;
         background-image: url(ajax-loader.gif);
         background-repeat: no-repeat;
         background-position: center;
         margin: -100px 0 0 -100px;
    </style>
    <body>
    In other words, you have a script block AND a CSS block between </head> and <body>. That's invalid code. Move it to where it belongs inside the <head> region.  You could have found this in an instant by checking the page here - http://validator.w3.org.

  • Design view not displaying correctly, but web does?

    I'm working on changing up the menu on a website, and while it displays correctly, the design view is way off. I know I should only worry about my results and my code, but I can't help but wonder where the issue is. Any thoughts?

    Try validating the page first at http://validator.w3.org - what do you get?

  • DW8:  image won't display in Design View

    Folks:
    DW8 on MacOS 10.4.8 (fully updated) on Intel iMac.
    What would keep an image from displaying in DW Design View?
    What are the causes of the grey box with the superimposed "X"? Is
    there any diagnostic output that might help? Is the grey box and
    "X" substituted by DW8 for an invalid or un-drawable graphic, or is
    this done by the OS?
    The problem:
    I've got a 1912 x 1481 graphic, a geographic map, in AI that
    I'm trying to use as an ordinary web image, but DW won't display it
    in Design View. Instead all I see is a big grey box and "X". For
    test purposes, I'm starting from a new "Basic" HTML web page and
    all I'm doing is inserting this one image. I need to get this
    working so I can draw hotspots on this graphic to make it
    "clickable" .
    Here's what I've tried:
    o Triple-checking that the inserted image reference is
    correct. Yes, the image file is correctly linked. With the image
    selected, the inspector shows a tiny but recognizable miniature of
    the expected image. Further, when the page and the image are
    uploaded to the web server and I look at it via a browser, the
    expected image is _always correctly displayed.
    o Exporting the graphic "for the web" from AI as both a GIF
    and a medium-quality JPG. Neither of these are displayed in Design
    View; both are served up correctly after being uploaded
    o I found a larger JPG on a different site I'm managing. This
    always displays as expected in both DW Design View and when served
    up. I substituted the failing map JPG image. The result: A grey
    box.
    o Checking the map images: The JPG and GIF versions seem to
    be visible in all environments (image readers, browsers, etc.) I've
    checked _except_ DW8 Design View.
    o Checked on another system. I made the failing image
    available to a very helpful ACE, who performed a similar
    experiment. It worked fine for him. I used his exact HTML and
    directory structure -- and it failed for me. Grey box with "X".
    It seems to me that I've checked most of the obvious
    possibilities. Now it is time to check the less obvious ones.
    Suggestions are very welcome!
    Thanks,
    Henry

    Randy:
    Thanks for your response.
    This is a virtual memory system, so -- in theory-- it should
    accommodate anything that will fit on the hard drive, more or less,
    if I'm wiling to wait the hours (days?) it will take to swap on and
    off the disk. That assumes DW8 takes advantage of the capability.
    It may not.
    "Larger"? The JPG image I compared to is 1692 x 2160 pixels,
    but weighs slightly less, 289K bytes. I'm losing track of all my
    test images that fail, but a representative one is 1912 x 1481
    pixels and weighs 332Kb on the disk. "Roughly comparable" might be
    a better description. The point is still reasonable: DW8 does
    handle images of this size on my system.
    One issue that occurred to me recently is that I may have
    caused some grief by monkeying with the "Save for web" settings at
    the Illy export. Perhaps I asked for some configuration that's
    normal for Illy to export --or it would have warned me, I hope--
    but too strange for DW to grok. DW should complain more
    informatively than painting a gray box and "X" when that happens, I
    would think.
    Henry

  • Fonts not displayed correctly in Live View Dreamweaver CS4

    I have a site that uses the Nuptial Script font.   Everything is displayed correctly in Design View and in IE and FireFox.
    But LiveView does not display the font correctly; in fact, the text with Nuptial Script is not readable in LIveView.    If I change the font from Nuptial Script to Arial (yuck) as a test, LiveVIew displays the pages correctly.   Other fonts like Vivaldi work in LIveVIew.  Nuptial Script does not work in LIveVIew.

    lilbear34 wrote:
    I have a site that uses the Nuptial Script font.   Everything is displayed correctly in Design View and in IE and FireFox.
    This is display correctly for you in any browser because you have the font installed on your system.  As far as I know, I don't have that script, so your page would not render as intended if I viewed it in either FFox or IE.
    You need to set up a font-family when defining a non-web-safe font, so that if someone doesn't have your first choice of font, they'll be able to see it in another of your choosing  (but needs to be web-safe).
    More about web-safe fonts and what they are here:
    Web Safe Fonts:
    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
    Nadia
    Adobe® Community Expert : Dreamweaver
    http://www.perrelink.com.au
    Unique CSS Templates | Tutorials | SEO Articles
    http://www.DreamweaverResources.com
    http://twitter.com/nadiap

  • Coldfusion error displaying in Design view... ???

    This just popped up this morning:
    It's an error from a cfc I wrote. Why is this displaying in the Design View, and why is it there, especially when the cfc works correctly? To my knowledge, nothing has changed in flex Builder, but any help in removing this would be appreciated.
    Thanks,
    Les

    Somehow I managed to remove a section of code from the CFC. Since one of the CFFUNCTIONs was missing, it threw the error, right in design view.
    Once I replaced the missing code, everything was back to normal

Maybe you are looking for