CSS Flyouts in Design View

Hi,
I'm currently developing an intranet site with a CSS flyout
navigation bar on the left side of the page that comes in via an
SSI in a Dreamweaver template. The flyouts render fine in Firefox
or IE 6, but they don't render in Dreamweaver's Design View.
Instead, the flyouts show up as stati gaps between the toplevel
menu items, and hover events have no effect. I don't know if this
is possible, but it would be great to be able to turn hover events
on in Design view (at least for CSS) so that I can assess the
actual look and feel as I'm editing a site without having to check
it in a browser every few minutes.
Does anyone know if it is possible?
Thanks in advance,
Greg

The first thing is to remove this code from your file:
<style type="text/css">
<!--
@import url("styles/styles.css");
-->
</style>
The above code isn't doing anything special when you have already defined the style sheet using this:
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
Once you have done it, post back again and tell us what other problems do you actually see.
The page online and your code given here aren't the same.  So check this and rectify it.
G/L

Similar Messages

  • Cannot view css styles in design view

    Is there a way to get Dreamweaver to display style in design
    view when the css files are in virtual folders?
    Have tried using ASP (Vbscript) snippet to write in the
    server URL and using Liveview, but still doesn't display. It
    appears that DW only recognizes hard coded relative links or hard
    coded full URLs.
    Browser displays these documents with no errors.
    Please Help! I have users who will be confused attempting to
    edit the documents without visible style, and need to use the
    virtual folders.
    Thanks.
    Sean

    > Is there a way to get Dreamweaver to display style in
    design view when the
    > css
    > files are in virtual folders?
    Try using Design Time Stylesheets.
    Open the Design-Time Style Sheets dialog box by doing one of
    the following:
    1. Right-click in the CSS Styles panel, and in the context
    menu select
    Design-time, or
    2. Select Text > CSS Styles > Design-time.
    Regards
    John Waller

  • Link to CSS problem (in Design View)

    Hello Dreamweaver experts,
    In the Design View Dreamweaver CS3 is not picking up the
    styles specified in a linked stylesheet. Let me explain...
    I am using an application in our office that relies upon HTML
    (but does not use a standard web browser).
    I need to refer to linked stylesheets using a variable like
    so;
    [example #1]
    <link href="{FILES_DIR}/path/css/stylesheet.css"
    rel="stylesheet" type="text/css" />
    The use of the variable construction "{FILES_DIR}" eliminates
    the need to hard code a drive letter into the link which is
    preferrable. Without "{FILES_DIR}" I have to hard-code the drive
    letter like so;
    [example #2]
    <link
    href="file:///K|/additional-path-details/path/css/stylesheet.css"
    rel="stylesheet" type="text/css" -->
    Both examples above yield the same result in the application
    (the stylesheet is found and its styles properly applied).
    However, only with example #2 does Dreamweaver's "design
    view" pick up and apply the stylesheet. Dreamweaver cannot find the
    stylesheet or apply its styles using example #1.
    My question is how can I make Dreamweaver understand and
    apply what "{FILES_DIR}" means.
    Any tips, tricks or pointers would be most welcome...

    "horse.badorties" <[email protected]> wrote
    in message
    news:fh9o12$80d$[email protected]..
    > Hello Dreamweaver experts,
    >
    > In the Design View Dreamweaver CS3 is not picking up the
    styles specified
    > in a
    > linked stylesheet. Let me explain...
    >
    > I am using an application in our office that relies upon
    HTML (but does
    > not
    > use a standard web browser).
    >
    > I need to refer to linked stylesheets using a variable
    like so;
    >
    >
    [example #1]
    > <link href="{FILES_DIR}/path/css/stylesheet.css"
    rel="stylesheet"
    > type="text/css" />
    >
    > The use of the variable construction "{FILES_DIR}"
    eliminates the need to
    > hard
    > code a drive letter into the link which is preferrable.
    Without
    > "{FILES_DIR}"
    > I have to hard-code the drive letter like so;
    >
    >
    [example #2]
    > <link
    href="file:///K|/additional-path-details/path/css/stylesheet.css"
    > rel="stylesheet" type="text/css" -->
    >
    > Both examples above yield the same result in the
    application (the
    > stylesheet
    > is found and its styles properly applied).
    >
    > However, only with example #2 does Dreamweaver's "design
    view" pick up and
    > apply the stylesheet. Dreamweaver cannot find the
    stylesheet or apply its
    > styles using example #1.
    Did you look into "design-time" styles sheets? That may solve
    your problem.
    It won't take care of the path in the document though...
    Thierry
    Articles and Tutorials:
    http://www.TJKDesign.com/go/?0
    http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
    - divaGPS - Add "you are here" highlighting to virtually any
    menu
    - divaFAQ - Create FAQ pages that toggle (show/hide) the
    answers
    - divaPOP - Easy, clean, standards-compliant popup windows.

  • CS3 Templates - css disappears in design view

    In DW CS3, I've noticed that after I've been working with
    templates for a while, often with several templates open
    simultaneously, the style rendering suddenly disappears in design
    view, and I see only the unformatted text on the screen. If I close
    DW and restart, the pages render correctly, but after 15 min. or
    so, the style problem returns. Anyone else run into this?

    Wait - is this about FLASH or CSS? (see your subject line).
    Anyhow - the solution posted here 3 or 4 times a day would be
    to make the
    links to the Flash in the Template page be ROOT relative
    links, i.e., change
    this -
    <script type="text/javascript">
    AC_FL_RunContent(
    'codebase','
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','860','height','31','src','../news_alert','quality','high','pluginspage','http://www.a dobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../news_ alert'
    ); //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=9,0,28,0"
    width="860" height="31">
    <param name="movie" value="../news_alert.swf" />
    <param name="quality" value="high" />
    <embed src="../news_alert.swf" quality="high"
    pluginspage="
    http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
    type="application/x-shockwave-flash" width="860"
    height="31"></embed>
    </object>
    </noscript></div>
    to this -
    <script type="text/javascript">
    AC_FL_RunContent(
    'codebase','
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','860','height','31','src','/news_alert','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','/news_aler t'
    ); //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=9,0,28,0"
    width="860" height="31">
    <param name="movie" value="/news_alert.swf" />
    <param name="quality" value="high" />
    <embed src="/news_alert.swf" quality="high"
    pluginspage="
    http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
    type="application/x-shockwave-flash" width="860"
    height="31"></embed>
    </object>
    </noscript></div>
    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
    ==================
    "pluto_nash" <[email protected]> wrote in
    message
    news:[email protected]...
    > Here are links to the page with little bit of
    explanation:
    > Please use IE to view all links
    >
    > View this page (master template for LG site) using.
    Flash works fine
    >
    http://www.resilire.com/client_projects/LG/templates/master.dwt
    >
    > View the child page (child page of the master template
    for the LG site)
    > the
    > flash disappears:
    >
    http://www.resilire.com/client_projects/LG/index.html
    >
    > Another Example:
    > View the master template for the flashy site (flash
    works fine)
    >
    http://www.resilire.com/client_projects/flashy/templates/master.dwt
    >
    > View the child page of this template for the flashy site
    ( flash does not
    > work)
    >
    http://www.resilire.com/client_projects/flashy/Untitled-3.html
    >

  • CS3 loses css formatting in design view for non-templated pages

    We recently upgraded to CS3. All of the pages on our site are
    templated except the home page. The home page, when viewed in
    design view in Dreamweaver, looks as if the css styles are missing.
    Sometimes refreshing the view causes some of them to appear, but
    not all. This didn't happen in the old version. And it's not
    happening (so far) on our templated pages. Any ideas?

    DW6x was not the sharpest knife in the drawer and would
    tolerate lots of
    things that DWCS3 will not.
    I suggest you do the following -
    * Change your doctype from this one (inserted by DMX6x, and
    broken) -
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN">
    to this one (valid and complete - the way DMX6x *should* have
    done it) -
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN"
    http://www.w3.org/TR/html4/loose.dtd">
    Now your page will render in Standards mode, and not quirks
    mode (a very bad
    thing).
    * Change this (in your stylesheet) -
    vertical-align: top;
    end FedFAQ
    /* ********************** COLLAPSE/EXPAND MENUS
    to this -
    vertical-align: top;
    /* end FedFAQ */
    /* ********************** COLLAPSE/EXPAND MENUS
    I am sure that by doing this you will see a remarkable change
    in your
    page....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "abna" <[email protected]> wrote in message
    news:f9fopl$it9$[email protected]..
    >
    http://dallasfed.org/index.cfm
    >
    > (tried to attach the code in the message, but kept
    getting error messages
    > from this site)

  • Still having issues with CSS fonts in design view

    I only see the following error messages when I enter design
    view for a component *other* than my main mxml component:
    unable to resolve '/ProjectName/assets/JapaneseBrush.ttf' for
    transcoding
    Unable to transcode /ProjectName/assets/JapaneseBrush.ttf.
    The resource named is the project's root directory (?), and
    it refers to line 4. (Same line as the src: url() row in the CSS
    file.)
    These errors don't show up until after I tab to the design
    view, and the font isn't used in the design view (other than this
    the CSS works fine). (Even though it works perfectly when actually
    running the Flex app.)
    I'm using an external CSS file that looks like this:
    @font-face{
    src: url("/assets/JapaneseBrush.ttf");
    fontFamily: JapaneseBrush;
    fontStyle: regular;
    I've tried actually placing the ttf file in a few different
    locations, ProjectName/assets/, ProjectName/src/assets,
    ProjectName/src, ... no change. My main mxml is in ProjectName/src.
    Anyone have an issue like this before?

    I've aleady done so before - FB-9873.
    It's not *exactly* the same problem - now the example project
    I gave from last time doesn't work at all. I've added a new comment
    to the bug report but it's currently "closed" so it has to be
    copied or re-opened or something. No time to create a new example
    from scratch this time, sorry.
    The extremely annoying aspect to this problem is that I have
    a large, complex project where the fonts work fine in design view
    (now - it wasn't when I created this thread), and I have no idea
    why. It seemed to just magically decide to work one day!
    This is a re-occuring problem that seems to come and go
    magically, and it probably needs some serious bug testing by more
    than just a developer.

  • Odd CSS issue in Design View

    In either Design View or Split View (in the Design view
    section), I cannot mouse select or highlight text in the main
    content portion of the page. The cursor remains as the default
    arrow and does not switch to the text cursor. As far as I can tell,
    this is a CSS based issue (since if the CSS file is not used, the
    text can be selected). This occurs in CS2 and CS3. The CSS and
    XHTML validate, so I'm really confused.
    The troubled area is the central content starting with the H2
    heading &quot;About Us.&quot; I know Dreamweaver can be a
    little on on displaying CSS properly, but this just seemed to be
    too much. Any one else seen anything this flakey? Or, does any one
    else see an error in the CSS that I am missing?
    The big issue with this is that the code
    appears fine and displays in browsers ok, but client's will
    use the Design view in Dreamweaver to update content. If they
    cannot select the text then it is possible they will think the
    HTML/CSS is broken. Even though designs can be done in multiple
    ways, I like this solution to a 3 column fixed-width design with
    header and a footer that moves down depending on body
    content.

    The first thing is to remove this code from your file:
    <style type="text/css">
    <!--
    @import url("styles/styles.css");
    -->
    </style>
    The above code isn't doing anything special when you have already defined the style sheet using this:
    <link href="styles/styles.css" rel="stylesheet" type="text/css" />
    Once you have done it, post back again and tell us what other problems do you actually see.
    The page online and your code given here aren't the same.  So check this and rectify it.
    G/L

  • Why doesn't my CSS render in design view or browser view?

    Suddenly my CSS won't render in design or browser views. I have checked View>Style Rendering>Display styles and there's a checkmark beside it. Is there any other reason(s) why this would have suddenly stopped working?? Help please! Thanks! I am using DW CS5

    #1 Ensure that the path to your external stylesheet is correctly pointing to the CSS file in your local site folder. 
    #2 Validate your code & fix reported errors.
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • How to view semantic css based layouts in design view in dreamweaver?

    Hi all,
    I havent had a lot to do with CSS based layouts (tables have alwasy just worked for me fine) but I am wondering how do I view the semantic/css based layout in design view in Dreamweaver?
    As when I write the code, in design view its not showing me what the page will look like, I have to click on "Live View" to see what the page actually looks like.
    I guess I am asking is there a way to using WYSIWYG on css layouts in design view??? Just like I do table layouts (In design view I can grab the edge of the table and resize etc)?
    Any help would be great

    Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
    The term "WYSIWYG" never applied to DW.  It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said.  It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about.  This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
    The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.

  • How to correct design view?

    I got a strange problem in Design View:  I set up Foundation 3. Works fine, shows exactly as it should be in a browser preview. But it shows horrible in design. Normally I work in the split view. Code on top, design below. Right now I might as well work with Notepad only.
    It is possible it's a border problem, I had that in the past. Removing the border on a div solved the issue. But I can't do that here, because that is the very basis on which Foundation 3 works.
    How do I correct this?

    Perhaps CS7 will be on a par with modern browsers. CS6 is still about as
    good as a 5 year old browser - sometimes. If you are using fairly
    complex CSS, I would simply turn off CSS rendering in Design View so you
    can edit content and rely on Live View (fairly good in CS6) or a real
    browser preview to check your page.
    Al Sparber - PVII
    http://www.projectseven.com
    The Finest Dreamweaver Menus | Galleries | Widgets
    Since 1998

  • Sometimes Cannot Select Elements in Design view of Dreamweaver

    Hello,
    From time to time, i have trouble selecting elements in the design view.
    Sometimes it works right away. Sometimes I need to click 6-10 times, and sometimes it just doesn't work ( a larger all encompassing element stays selected and no matter how much i click, there is no change )
    I originally thought it was a bug, but I expected it to be fixed by now.
    This also seems arbitrary, perhaps someone here know why it's happening and how to avoid it.
    Thanks
    Peter

    You probably have a CSS overflow:hidden property applied to one or more divisions for float containment.  Switch to Split View.  Or turn off CSS styles in Design View:  View > Style Rendering > untick Display Styles.
    Or you can comment out /**overflow:hidden **/ until you're ready to Preview.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Design View and a CSS Div layout page

    There are a few pages l
    ike this. I am assuming it is because everything is layed out w
    ith div tags, but there mush be a way to correct the desging view. Everything shows up great o
    nline. Here is a screenshot:
    Here is the code:
    <body onload="initHomePage(); addReferToLinks();">
    <!-- ################# TOOLBAR ############## -->
    <script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>
    <!--  end TOOLBAR -->
    <img src="/profile/image/logo_linknet.gif" />
    <!-- Main div for entire page layout -->
    <form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
           <input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
           <input class="button" type="submit" value="Search" name="submit" />
           <input type=hidden name="col" value="mpr dno dnos1" />
    </form>
        <div id="main">
    <!-- ###################### LEFT NEWS ################################## --> 
      <div id="newsBox" class="box">
       <div class="boxHeader">
        <div class="headerLeft"><h2>MP News</h2></div>
        <div class="headerRight"><a href="/news/news/index.htm" class="more">more &#0187;</a></div>
       </div>
       <div class="boxContent">
        <h3>
         <script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
        </h3>
        <div id="newsContent">
         <div class="loading">
          Loading...
         </div>
        </div>
        <!-- -->
        <h3>My Subscriptions</h3>
         <ul style="list-style-type:none;">
          <li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
          <li><a href="http://">View Subscriptions</a></li>
         </ul>
        <!-- MEDIA CENTER -->
        <div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
        <!-- COLUMNS -->
        <div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
       </div>
      </div>
    <!-- #### end LEFT NEWS ########### -->
    <!-- ###################### CENTER CONTENT ################################## -->
      <div id="content">
       <!-- MAIN CONTENT WELL -->
       <!-- optional notice (visible only when critical news exists) -->
       <div id="alert" class="box highlightBox">
        <div class="boxHeader">
         <div class="headerLeft"><h2>Important Notice</h2></div>
         <div class="headerRight"> </div>
        </div>
        <div id="alertContent" class="boxContent">
         <div class="article">
          <a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
          Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
          unable to access their PCs.
         </div>
        </div>
       </div>
                <div id="home_page_id">) Home Page</div>
       <!-- Activities -->
       <div id="activities" class="box highlightBox">
        <div class="boxHeader">
         <div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
         <div class="headerRight"> </div>
        </div>
        <div class="boxContent">
         <div style="width:100%;">
          <ul>
           <li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting:  <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
             <option name="selectRecruit" selected="selected">*** make selection ***</option>
             <option value="http.htm">Sourcing & Prospecting</option>
             <option value="http://.htm">Selecting & Assessing Candidates</option>
             <option value="http://_process.htm">Post Acceptance Process</option>
             <option value="http">Developing an Internship Program</option>
             <option value="http.htm">Tracking Activity, Results & Accountability</option>
             <option value="http://.htm">Recruiter Development</option>
            </select></a></li>
           <li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership &amp; Organizational Development </a></li>
           <li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
           <li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for   managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing &amp; Operations</a></li>
           <li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning &amp; Performance</a></li>
              <li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation &amp; Benefits</a></li>
              <li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative &amp; Specialist Development</a>  </li>
          </ul>
          <div id="slideshow1" class="activitySlideshow" style="height:212px;">
           <img src="image/slideshow_photos/photo06.jpg" />
           <img src="image/slideshow_photos/photo07.jpg" />
           <img src="image/slideshow_photos/photo08.jpg" />
           <img src="image/slideshow_photos/photo09.jpg" />
           <img src="image/slideshow_photos/photo10.jpg" />     
          </div>
         </div>
        </div>
       </div>
       <!-- Lower div under activities (2 columns) -->
       <div class="leftColumn">
       <!-- Events Calendar -->
        <div class="box">
         <div class="boxHeader">
          <div class="headerLeft"><h2>Events Calendar</h2></div>
         </div>
          <div class="boxContent"><ul>                      
          <li>April 25-30<br />
         <a href="http_020110.htm" target="_blank"></a></li>
         <li>May 12-14<br />
         <a href="http://030510.htm" target="_blank"></a></li>               
           <li>June 16<br />
         <a href="http://.htm" target="_blank">Series conversation</a></li>                                  
                          </ul>
          </div>
        </div>
         <!-- Spotlight -->
         <div class="box">
          <div class="boxHeader">
           <div class="headerLeft"><h2>Spotlight</h2></div>
           <div class="headerRight"> </div>
          </div>
          <div class="boxContent">
                  <div class="article">
          <!-- Leave "Market volatility resources available" at the top -->
       <div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
         The $25 association membership fee will be charged to June 30 home
         office supply bills. Representatives who wish to decline membership
         may submit a <a href="http://.htm" target="_blank">decline
         form</a>.
    <div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
         Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
                              <div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
         Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
                  <div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
         Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
                  <div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
         The Current Year Scale page on LINKnet provides the latest information
         and sales support materials based on the 2010 dividend announcement.
    <!-- Leave "Market volatility resources available" at the top -->
                   </div>
          </div>
         </div>
       </div>
       <div class="rightColumn">
       <!-- Approaching Deadlines -->
        <div class="box">
         <div class="boxHeader">
          <div class="headerLeft"><h2>Approaching Deadlines</h2></div>
         </div>
         <div class="boxContent">
           <ul>
    <li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
           <li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
                          <li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
                          </ul>
          </div>
        </div>
        <!-- Tech Alerts -->
        <div id="techalerts" class="box">
         <div class="boxHeader">
          <div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
          <div class="headerRight"><a href="http://.htm" class="more">more &#0187;</a></div>
         </div>
         <div class="boxContent">
          <div class="loading">
           Loading...
          </div>
         </div>
         <iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
        </div>
       </div>
      </div>

    Dreamweaver is pretty good these days at showing the page in Design View how it will be viewed when online. HOWEVER having said that it does largely depend on the way you write the css.
    I guess for Dreamweaver it's impossible for it to show every concievable way you can write css correctly. Unfortuantely if your css is not compatible with what Dreamweaver likes it won't make a great job of rendering the site correctly in Design View, that's always been the case.
    The css is not wrong but I've seen many display issues in Dreameaver Design View caused as a direct result of the css being overly complex to crack simple presentation. I guess it's in the lap of the gods if you are fortunate enough to have found the way to write css that Dreamweaver likes.

  • CSS Changes not showing in Design View

    I'm just coming over from GoLive (and their layout grid) so
    I'm not entirely familiar with DreamWeaver CS3 and CSS.
    However, whenever I make changes in a CSS sheet (and save
    them) they are not immediately rendered in the Design View. They
    show up just fine if I "Preview in Browser" though. I can even
    close the html page and reopen it and sometimes they will show up,
    but not usually. Oh, and the "Refresh Design View" button is greyed
    out and doesn't do anything.
    Thanks,
    Dan

    Yes, that seems to be the case. I ran a validation check on
    the html page (it was coded in XHTML 1.0 strict) and came up with 2
    errors related to the CSS features I was trying to use.
    Thanks!

  • CSS is not showing in design view

    Hello, I wonder if anyone can help. I would appreciate very
    much if you can... I have read all the css related problems, but
    did not see the problem I am having.
    Anyway, I have done a website template for someone and I gave
    it to him to update the contents. However, on his dreamweaver
    Design view, the css does not support it at all so it looks all
    messy. Though when he preview it on IE, this is all fine. I have
    made templates and css files with dreamweaver and I can view
    everything fine. He seems to have the same version of DW (MX 2004)
    so I am not sure how this happens. We were looking in everything
    (including goofy css as someone says on this forum), but have no
    luck so far. Here is my link and I pasted my css here.
    http://www.norithefish.com/index2.html
    Many thanks for this.
    Noriko
    /* HTML tag styles */
    body
    {background: #cccccc; font-family: Verdana, Arial, Helvetica,
    sans-serif;
    font-size: small; color: #000000; font-weight: normal}
    a { color: #333333; text-decoration: none }
    a:active { color: #666666; text-decoration: none }
    a:hover { color: #CC3300; text-decoration: underline }
    .bodytext { font-size: small; color: #000000; font-weight:
    normal}
    .smalltext { font-size: x-small; color: #000000; font-weight:
    normal}
    .smalltextw { font-size: x-small; color: #ffffff;
    font-weight: normal}
    .title{ font-size: 1.5em; font-weight: bold; color: #CC3300}
    .wbracket{ font-size: small; font-weight: normal; color:
    #ffffff}
    .smalltitle { font-size: 1em; font-weight: normal; color:
    #666666}
    .sub { font-size: small; font-weight: bold; color: #ffffff }
    .foot { font-size: x-small; font-weight: normal; color:
    #000000}
    h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #cc3300
    h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    color: #cc3300
    h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #666666
    ul{
    list-style-type: square;
    ul ul{
    list-style-type: disc;
    ul ul ul{
    list-style-type: none;
    /* Layout Divs */
    #pageNav{
    float: left;
    width:21.3%;
    top:10px;
    padding-left: 0px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    #content{
    width:75%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 1px 20px;
    /* Component Divs */
    #siteName{
    margin: 0px;
    padding: 16px 0px 8px 0px;
    color: #ffffff;
    font-weight: normal;
    /************** feature styles *****************/
    .feature{
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    /************* #siteInfo styles ***************/
    #siteInfo{
    clear: both;
    font-size: 100%;
    background-color: #999999;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #666666;
    /************* #smalltitle styles ***************/
    #smalltitle{
    clear: both;
    background-color: #ffffff;
    font-size: 100%;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #CC3300;
    border-bottom: 1px solid #CC3300;
    /*********** #sectionLinks styles ***********/
    #sectionLinks{
    position: relative;
    width: 150px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #cccccc;
    font-size: 90%;
    #sectionLinks a:link{
    font-size: 1.15em;
    padding: 2px 0px 5px 10px;
    border-top: 1px solid #cccccc;
    width: 100%;
    width: auto;
    #sectionLinks a:visited{
    font-size: 1.15em;
    border-top: 1px solid #cccccc;
    padding: 2px 0px 5px 10px;
    #sectionLinks a:hover{
    font-size: 1.15em;
    border-top: 1px solid #cc3300;
    background-color: #dddddd;
    padding: 2px 0px 5px 10px;
    /*********** .frame styles ***********/
    .frame {
    width: 700px;
    left: 50%;
    padding-top: 0px;
    margin-left: -350px;
    margin-top: 0px;
    position: absolute;
    visibility: visible;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    background-color: #ffffff;
    .bg {
    height: 1px;
    background-color: #cccccc;
    width: 100%;
    /*********** #pageNav link styles ***********/
    #pageNav ul a:link, #pageNav ul a:visited {display: block;}
    #pageNav ul {list-style: none; margin: 0; padding: 0;}
    /* hack to fix IE/Win's broken rendering of block-level
    anchors in lists */
    #pageNav li {border-bottom: 1px solid #EEE;}
    /* fix for browsers that don't need the hack */
    html>body #pageNav li {border-bottom: none;}
    /********************* end **********************/

    > *** you are missing <li> at the beginning of the
    line and </li> at the end
    > or you want to remove the </li> from the previous
    lines.
    Or move the image within the existing pair. You cannot have
    that
    construction, though -
    <li>blah</li>
    <img>
    <li>blah</li>
    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
    ==================
    "josie1one" <[email protected]> wrote in message
    news:[email protected]...
    > It sounds to me as if it's a path issue.
    > Your path is this:
    > <link rel="stylesheet" href="styles/inside.css"
    type="text/css">
    >
    > Does he have a folder called "styles" within which
    should be the
    > stylesheet?
    >
    > You have a couple of code problems (I'd say unrelated to
    your question).
    > <li><a href="1-about.html">Order your Tshirt
    </a></li>
    > <img src="ferrari_team_polo.jpg" alt="photo of a
    T-shirt" width="120"
    > height="180">***
    > <li><a href="1-about.html">Order your
    cap</a></li>
    > <img src="ferrari_cap.jpg" alt="photo of a cap"
    width="120"
    > height="75"><br>***
    >
    > *** you are missing <li> at the beginning of the
    line and </li> at the end
    > or you want to remove the </li> from the previous
    lines.
    >
    > and according to
    >
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norithefish.com%2Findex2.html
    >
    > you have an extra </div> a couple of lines above
    the </body>
    >
    >
    > --
    > Jo
    >
    >
    >
    >
    >
    > "norithefish" <[email protected]> wrote
    in message
    > news:[email protected]...
    >> Hello, I wonder if anyone can help. I would
    appreciate very much if you
    >> can...
    >> I have read all the css related problems, but did
    not see the problem I
    >> am
    >> having.
    >>
    >> Anyway, I have done a website template for someone
    and I gave it to him
    >> to
    >> update the contents. However, on his dreamweaver
    Design view, the css
    >> does not
    >> support it at all so it looks all messy. Though when
    he preview it on IE,
    >> this
    >> is all fine. I have made templates and css files
    with dreamweaver and I
    >> can
    >> view everything fine. He seems to have the same
    version of DW (MX 2004)
    >> so I am
    >> not sure how this happens. We were looking in
    everything (including goofy
    >> css
    >> as someone says on this forum), but have no luck so
    far. Here is my link
    >> and I
    >> pasted my css here.
    >>
    >>
    http://www.norithefish.com/index2.html
    >>
    >> Many thanks for this.
    >> Noriko
    >>
    >> /***********************************************/
    >> /* HTML tag styles */
    >> /***********************************************/
    >>
    >> body
    >> {background: #cccccc; font-family: Verdana, Arial,
    Helvetica, sans-serif;
    >> font-size: small; color: #000000; font-weight:
    normal}
    >>
    >> a { color: #333333; text-decoration: none }
    >>
    >> a:active { color: #666666; text-decoration: none }
    >>
    >> a:hover { color: #CC3300; text-decoration: underline
    >>
    >> .bodytext { font-size: small; color: #000000;
    font-weight: normal}
    >>
    >> .smalltext { font-size: x-small; color: #000000;
    font-weight: normal}
    >>
    >> .smalltextw { font-size: x-small; color: #ffffff;
    font-weight: normal}
    >>
    >> .title{ font-size: 1.5em; font-weight: bold; color:
    #CC3300}
    >>
    >> .wbracket{ font-size: small; font-weight: normal;
    color: #ffffff}
    >>
    >> .smalltitle { font-size: 1em; font-weight: normal;
    color: #666666}
    >>
    >> .sub { font-size: small; font-weight: bold; color:
    #ffffff }
    >>
    >> .foot { font-size: x-small; font-weight: normal;
    color: #000000}
    >>
    >>
    >> h1 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1.5em;
    >> color: #cc3300
    >> }
    >> h2 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1.15em;
    >> color: #cc3300
    >> }
    >> h3 {
    >> font-family: Verdana, Arial, Helvetica, sans-serif;
    >> font-size: 1em;
    >> color: #666666
    >> }
    >>
    >> ul{
    >> list-style-type: square;
    >> }
    >>
    >> ul ul{
    >> list-style-type: disc;
    >> }
    >>
    >> ul ul ul{
    >> list-style-type: none;
    >> }
    >>
    >>
    >> /***********************************************/
    >> /* Layout Divs */
    >> /***********************************************/
    >>
    >> #pageNav{
    >>
    >> float: left;
    >> width:21.3%;
    >>
    >> top:10px;
    >> padding-left: 0px;
    >> border-bottom: 1px solid #cccccc;
    >> border-right: 1px solid #cccccc;
    >> }
    >>
    >> #content{
    >> width:75%;
    >> float: left;
    >> padding: 0px 0px 0px 0px;
    >>
    >> margin: 0px 0px 1px 20px;
    >>
    >> }
    >>
    >>
    >> /***********************************************/
    >> /* Component Divs */
    >> /***********************************************/
    >> #siteName{
    >> margin: 0px;
    >> padding: 16px 0px 8px 0px;
    >> color: #ffffff;
    >> font-weight: normal;
    >> }
    >>
    >>
    >> /************** feature styles *****************/
    >>
    >> .feature{
    >> padding: 0px 0px 0px 0px;
    >> font-size: 100%;
    >>
    >>
    >> }
    >>
    >>
    >>
    >> /************* #siteInfo styles ***************/
    >>
    >> #siteInfo{
    >> clear: both;
    >>
    >> font-size: 100%;
    >> background-color: #999999;
    >> padding: 0px 0px 0px 0px;
    >> border-top: 1px solid #666666;
    >> }
    >>
    >> /************* #smalltitle styles ***************/
    >>
    >> #smalltitle{
    >> clear: both;
    >>
    >> background-color: #ffffff;
    >> font-size: 100%;
    >> padding: 0px 0px 0px 0px;
    >> border-top: 1px solid #CC3300;
    >> border-bottom: 1px solid #CC3300;
    >>
    >> }
    >>
    >>
    >>
    >> /*********** #sectionLinks styles ***********/
    >>
    >> #sectionLinks{
    >> position: relative;
    >> width: 150px;
    >> margin: 0px;
    >> padding: 0px;
    >> border-bottom: 1px solid #cccccc;
    >> font-size: 90%;
    >>
    >> }
    >>
    >>
    >>
    >> #sectionLinks a:link{
    >> font-size: 1.15em;
    >> padding: 2px 0px 5px 10px;
    >> border-top: 1px solid #cccccc;
    >> width: 100%;
    >>
    >> width: auto;
    >> }
    >>
    >> #sectionLinks a:visited{
    >> font-size: 1.15em;
    >> border-top: 1px solid #cccccc;
    >> padding: 2px 0px 5px 10px;
    >> }
    >>
    >> #sectionLinks a:hover{
    >> font-size: 1.15em;
    >> border-top: 1px solid #cc3300;
    >> background-color: #dddddd;
    >> padding: 2px 0px 5px 10px;
    >> }
    >>
    >>
    >>
    >>
    >> /*********** .frame styles ***********/
    >> .frame {
    >> width: 700px;
    >> left: 50%;
    >> padding-top: 0px;
    >>
    >> margin-left: -350px;
    >> margin-top: 0px;
    >> position: absolute;
    >> visibility: visible;
    >>
    >> border-top: 1px solid #999999;
    >> border-bottom: 1px solid #999999;
    >> border-right: 1px solid #999999;
    >> border-left: 1px solid #999999;
    >> background-color: #ffffff;
    >> }
    >> .bg {
    >> height: 1px;
    >>
    >> background-color: #cccccc;
    >> width: 100%;
    >> }
    >>
    >> /*********** #pageNav link styles ***********/
    >>
    >> #pageNav ul a:link, #pageNav ul a:visited {display:
    block;}
    >> #pageNav ul {list-style: none; margin: 0; padding:
    0;}
    >>
    >> /* hack to fix IE/Win's broken rendering of
    block-level anchors in lists
    >> */
    >> #pageNav li {border-bottom: 1px solid #EEE;}
    >>
    >> /* fix for browsers that don't need the hack */
    >> html>body #pageNav li {border-bottom: none;}
    >>
    >> /********************* end **********************/
    >>
    >>
    >>
    >>
    >
    >

  • Centre not working in Dreamweaver Design View (CSS+HTML)- Preview OK- help!

    Hi there
    I am having a slight problem with DW which I have had before, and fixed, but I cant for the life of me remember how I fixed it.  So any help is much appreciated.
    I am producing a proof site for a client and cannot load it to be live just yet so sorry for any inconvience but I have taken some screen shots and will paste code/html.
    The site is currently sitting like this  in the design view of DW
    [IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture1-1.jpg[/IMG]
    Which it usually doesnt.... its usually centred within the design view!!
    this is how it sits in the preview
    [IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture2.png[/IMG]
    My main page container is margin left auto and so is the margin right.
    (please excuse my experiment with the drop shadow behind the main container)
    please excuse me if anything is messy, im pretty new to this!!
    Thanks, Sarah
    Code -
    <style type="text/css">
        <!--
        @import url("styles/base.css");
    body {
        background-image: url(images/backgroundred.jpg);
        background-repeat: no-repeat;
        -->
    </style>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <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>
    </head>
    <body leftmargin="float">
    <div class="shadow">
    <div class="pagecontainer">   
                <!-- navigationbarstart -->
                <div class="topbarcontainer"><img src="images/pb-topbanner.jpg" width="800" height="126"></div>
                        <div class="navigationbar"> <img src="images/pb-linkbar1.jpg" width="353" height="34"><img src="images/pb-linkbar2home.jpg" width="87" height="34"><img src="images/pb-linkbar3products.jpg" width="198" height="34"><img src="images/pb-linkbar4offers.jpg" width="161"                                                                                                                                                                                                 height="34"></div>
                                <!--navigationbarend-->
                                <!--flashanimation-->
                                <div class="flashcontainer">
                                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="257" id="FlashID" title="paulburtonflash">
                                    <param name="movie" value="flashfiles/paulburtonflash.swf" />
                                    <param name="quality" value="high" />
                                    <param name="wmode" value="opaque" />
                                    <param name="swfversion" value="6.0.65.0" />
                                   <param name="expressinstall" value="Scripts/expressInstall.swf" />
                                    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                                    <!--[if !IE]>-->
                                    <object type="application/x-shockwave-flash" data="flashfiles/paulburtonflash.swf" width="800" height="257">
                                  <!--<![endif]-->
                                  <param name="quality" value="high" />
                                  <param name="wmode" value="opaque" />
                                  <param name="swfversion" value="6.0.65.0" />
                                  <param name="expressinstall" value="Scripts/expressInstall.swf" />
                                  <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                                  <div>
                                    <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                                    <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                                </div>
                                  <!--[if !IE]>-->
                                </object>
                                    <!--<![endif]-->
                                  </object>
                                </div>
                                <!--flashanimationend-->
                       <!--mainbackground-->
                       <div class="mainbackground">
                       <!--maintext-->
                        <div class="homepagetext">
                        Established in 1980, we are a drinks wholesale business, based in the Scottish Borders which prides itself on being able to provide alcoholic and soft drinks in whatever quantity you require at outstanding prices and on time.<br><br>
    We deliver 7 days a week and offer a free, prompt delivery service, by our own staff in the Borders, East Lothian and Midlothian.<br><br>
    <div class="textspacer1"></div>
    <div class="textsixe16">We have regular promotions - click here to view our latest special offers</div>
                        </div>
                        <!--endofmaintext-->
                        <div class="homepageimage">
                        <img src="images/pb-home-mainimage.jpg" width="328" height="219"></div>
                        </div><!--endofmainbackground-->
          <div class="bottombar">
                  <div class="bottombartext">
                    Paul Burton Drinks Wholesale, Pinnaclehill Industrial Estate, Kelso, Scottish Borders, TD5 8DW
                </div>
          </div>
    </div>       
    </div>
    </body>
    </html>
    CSS -
    @charset "UTF-8";
    /* CSS Document */
    .shadow{
    width:840px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(../images/editableshadow.png);
    background-repeat:repeat-y;
    .pagecontainer{
        width:800px;
        height:auto;
        margin-right:auto;
        margin-left:auto;
    .topbarcontainer{
        width:800px;
        height:126px;
    .navigationbar{
        width:800px;
        height:34px;
        float:left;
    .flashcontainer{
        width:800px;
        height:257px;
        float:left;
    .mainbackground{
        width:800px;
        height:349px;
        float:left;
        background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-background.jpg);
        background-repeat:no-repeat;
    .homepagetext{
        width:372px;
        height:275px;
        float:left;
        margin:50px 0px 0px 50px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#FFF;
    .textsixe16{
        font-size:16px;
        font-weight:bold;
    .textspacer1{
        height:15px;
        width:5px;
        color:#d6f3fc;
    .homepageimage{
        width:328px;
        height:219px;
        float:left;
        padding:50px 0px 0px 20px;
    .bottombar{
        width:800px;
        height:59px;
        float:left;
        background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-bottombar.jpg);
        background-repeat:no-repeat;
    .bottombartext{
        width:600px;
        height:17px;
        float:left;
        font-size:12px;
        font-family:Arial, Helvetica, sans-serif;
        color:#000;
        padding:25px 0px 0px 50px;

    "<body leftmargin="float">"
    Can you say what that's doing? "float" is not a legal value for the leftmargin style, which requires an integer value.  But its use is deprecated in favor of CSS anyhow.
    Your pasted code is lacking a doctype or anything that would normally be above that stylesheet link.  Is that just an oversight or is it really not there?

Maybe you are looking for