CSS Template in Dreamweaver, Submeny dissapears?

Hi All,
I've got yet another problem with CSS,
To try to get a hang of CSS page designs I've used the Page
Design (CSS) Halo Right nav
that comes with DW8. I've learnt pretty much how it works
BUT, the submeny dissapeared,
or is not visible anymore after I inserted a new tag :
<div id="logo">
</div> and assigned a background image to it, why ?
(I also inserted <div id="layout"> with background
image that "surrounds" the whole creation for
the shadow effect)
Code can be found here:
http://e10.se/SAST/CSS/
index.html and CSS file: Copy of emx_nav_right.css
//Bosse

Don't use HALO for your page layout. Please.
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
==================
"Pasay" <[email protected]> wrote in message
news:eve72r$ru9$[email protected]..
> Hi All,
> I've got yet another problem with CSS,
> To try to get a hang of CSS page designs I've used the
Page Design (CSS)
> Halo
> Right nav
> that comes with DW8. I've learnt pretty much how it
works BUT, the submeny
> dissapeared,
> or is not visible anymore after I inserted a new tag :
<div id="logo">
> </div> and assigned a background image to it, why
> (I also inserted <div id="layout"> with background
image that "surrounds"
> the
> whole creation for
> the shadow effect)
> Code can be found here:
>
http://e10.se/SAST/CSS/
> index.html and CSS file: Copy of emx_nav_right.css
> //Bosse
>

Similar Messages

  • CSS Template in Dreamweaver, cannot make flash(swf) show ???

    Hi all,
    I'm quite new at using dreamweaver, have been using GoLive
    some before and I have got a time consuming problem:
    To try to get a hang of CSS page designs I've used the Page
    Design (CSS) Halo Right nav that comes with DW8.
    I've learnt pretty much how it works BUT, I cannot make a
    flash file visible when inserted to the page design ????
    It does not show if I insert it to an existing div tag or if
    I insert it in a new layer. What am I doing wrong ?
    (same goes for images)
    Need help quickly.
    Thanks!

    This is one of the several weird problems with the HALO
    layout.
    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
    ==================
    "Pasay" <[email protected]> wrote in message
    news:eve7b0$s6g$[email protected]..
    > OK!,
    > will look into that, as I said I'm all new to this,
    grateful for all tips.
    > I've posted a new Topic : CSS Template in Dreamweaver,
    Submeny
    > dissapears?
    > may be related to the javascript error ?
    > //Bosse
    >

  • Uploading css template to dreamweaver

    I need to upload some css templates to dreamweaver but can't
    figure out how to do it yet.

    Huh? Upload CSS templates to DW? You mean you need to add a
    CSS-based
    template page to your DW site? Is it a *.dwt page? If so just
    copy it into
    the Templates folder at the root level of the site.
    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
    ==================
    "ntnsllc" <[email protected]> wrote in
    message
    news:gj91bs$j0k$[email protected]..
    >I need to upload some css templates to dreamweaver but
    can't figure out how
    >to do it yet.

  • Dreamweaver CSS Template Issue

    Hi all,
    Having a slight problem with creating CSS from a template in Dreamweaver. I have made templates before and created editable regions and usually can add CSS to the page. Though for some reason it's not accepting any CSS. I'll created the rule and hit ok and then it just disappears - though the CSS of the .dwt remains - as it should do.
    If anyone could cast any light on this, would be greatly appreciated. Please see attached code for the dwt below:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    background-image: url(images/tester.jpg);
    background-repeat: no-repeat;
    .outer {
    width: 985px;
    margin: auto;
    position: relative;
    .main {
    width: 625px;
    float: left;
    background-image: url(images/lighter_backing.png);
    .flashBanner {
    width: 625px;
    float: left;
    height: 315px;
    .mainContent {
    width: 585px;
    float: left;
    margin: 20px 20px 20px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    color: #FFF;
    .footer {
    width: 585px;
    float: left;
    background-image: url(images/Trans_Background1.png);
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    padding: 20px 20px 20px 20px;
    border-top: 3px solid #222;
    .leftCol {
    width: 120px;
    margin-right: 20px;
    float: left;
    .navButtons {
    .logo {
    float: right;
    margin-bottom: 20px;
    .nav_buttons {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    text-align: right;
    height: 15px;
    float: right;
    width: 120px;
    margin-bottom: 3px;
    .img {
    border-style: none;
    .sub_tab_description {
    line-height: 1.3;
    .sub_tabs {
    .created {
    width: 985px;
    float: left;
    text-align: center;
    margin: 15px 0px 0px 0px;
    .sub_tabs_01_02 { width: 180px;
    margin-right: 20px;
    float: left;
    .sub_tabs_03 { width: 180px;
    float: left;
    .sub_tabs_04 { width: 180px;
    float: left;
    margin-left: 25px;
    .right_col { width: 220px;
    height: 45px;
    background-image: url(images/darker_backing.png);
    float: left;
    margin-top: 270px;
    .right_col_attention { background-image: url(images/semi.png);
    float: left;
    width: 180px;
    padding: 20px 20px 20px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    color: #FFF;
    .right_image { margin-bottom: 15px;
    a:link {
    color: #FFF;
    text-decoration: none;
    a:visited {
    text-decoration: none;
    color: #FFF;
    a:hover {
    text-decoration: underline;
    color: #FFF;
    .img {
    border-style: none;
    a:active {
    text-decoration: none;
    color: #FFF;
    -->
    </style>
    <script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
    </head>
    <body>
    <div class="outer">
    <div class="leftCol">
    <div class="logo"><a href="index.html"><img src="images/logo.png" width="117" height="62" class="img" /></a></div>
          <div class="nav_buttons"><a href="../index.html">Home</a></div>
          <div class="nav_buttons"><a href="../salons.html">The Salon</a></div>
          <div class="nav_buttons"><a href="../hairdressing-price-list.html">Hair Price List</a></div>
          <div class="nav_buttons">Beauty Price List</div>
          <div class="nav_buttons">Children's Parties</div>
    <div class="nav_buttons"><a href="../careers.html">Careers</a></div>
          <div class="nav_buttons"><a href="#">Contact Us</a></div>
    </div>
    <div class="main"><!-- TemplateBeginEditable name="Flash Banner" -->
      <div class="flashBanner">
        <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="625" height="315">
          <param name="movie" value="../images/HairPriceList.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
          <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="../images/HairPriceList.swf" width="625" height="315">
            <!--<![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>
    <!-- TemplateEndEditable --><!-- TemplateBeginEditable name="Editable Content" -->
    <div class="mainContent"></div>
    <!-- TemplateEndEditable -->
    <div class="footer">
        <div class="sub_tabs">
          <div class="sub_tabs_01_02">
            <div class="sub_tab_description"><strong>CHIC OF NEWTON ABBOT</strong><br />
              9 Market Hall,  Opposite Somerfield<br />
              Newton Abbot,<br />
              Devon,<br />
              TQ12 2RX<br />
              <strong>Telephone: </strong>01626 362600</div>
          </div>
          <div class="sub_tabs_03">
            <div class="sub_tab_description"><strong>OPENING TIMES</strong><br />
              Monday - Saturday: <strong>9.00 - 5.00</strong><br />
              Late appointments available on request.</div>
          </div>
          <div class="sub_tabs_04">
            <div class="sub_tab_description"><strong>ABOUT CHIC</strong><br />
              Opened in 2009, having proved a great success, we've undergone a major reburnishment, we now have a beauty treatment room and offer a wide range of treatments.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="right_col"></div>
    <div class="right_col_attention">
      <div class="right_image"><img src="images/how_to_book_white.png" alt="" width="172" height="34" /></div>
      <p>Call today or pop in to discuss your requirments with one of our dedecated team of technicians who will be happy to help. </p>
      <p><strong>CHIC OF NEWTON ABBOT<br />
      </strong>Telephone: 01626 362600</p>
    </div>
    <div class="created"><img src="../images/created-by.png" width="199" height="12" alt="Created by Kristopher Kerr" /></div>
    </div>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
    //-->
    </script>
    </body>
    </html>

    Your <style> tags are not within an editable Template region. You might want to move your CSS rules to an external stylesheet then link your Template to the external.css file.  It's a more efficient way of managing your site.
    See this link for details:
    http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • How do I convert an html design web site to CSS template and layout?

    Good Morning, All!
    How can I convert, apply, or change, efficiently, my html web pages into a CSS template so I don’t have to change each page every time I add something to the main page…also, I currently have two tables (I know, old-fashioned) one which holds my list of contents and links to the different sections (page) with information from the community on the website. The other table holds my text and pictures which I want to update daily. How can I change the format to a 2 column, liquid layout with a masthead area on top for logo and text with a box around it. Time was not available for me to learn all the details of my new Dreamweaver program so I did what I knew and uploaded it with all the boo-boos, inactive links and non-existant pages.
    Now I have the time to focus and want to get it done better so that it is easy to update with new text and features daily. (I am converting my printed newspaper to an online version after 17 plus years and trying to learn the new Adobe Premium Design Suite CS5 programs. What a trip this is at 61-years-old!
    My community and readership are looking forward to the web site according to a survey I took. They are very tolerant about my boo-boos while I learn the new software for the web design. I’ve let them know, through my newspaper and personally (I am very active in the community), that online is where I am going and all that I’ve spoken to, or who have sent emails, are very supportive and look forward to getting their news from my web site newspaper.)
    I am seeking some guidance...I know a little about a lot, but not a lot about anything...even though I've been working with computers since 1983.
    I thank you all in advance for whatever help you can give.
    Donna

    That's a good start.  You will want to fix these things -
    * change this -
    Don Lawton. Used with permission. <div></p>
    to this -
    Don Lawton. Used with permission.</p>
    * change this -
    </center>
    </P>
    <div align="center"><a href="mailto:
    to this -
    </center>
    <div align="center"><a href="mailto:
    * change this -
    <p>
      <center>
        <b><font size="+1">Webmistress: Donna Lee Hanlon<br />
          c/o www.Nahant.com &middot; PO Box 88 &middot; Nahant, MA 01908<br />
          Copyright 2002-12</font></b>
      </center>
    </p>
    to this -
    <p style="text-align:center;">
        <b><font size="+1">Webmistress: Donna Lee Hanlon<br />
          c/o www.Nahant.com &middot; PO Box 88 &middot; Nahant, MA 01908<br />
          Copyright 2002-12</font></b>
    </p>
    And now you will have a page that contains completely valid HTML.

  • Web Photo Templates in Dreamweaver 8

    Hi !
    I'm trying to set up a photo album that uses the same CSS
    template that I use for the rest of the site. I know I will have to
    modify it but that's not the problem. I can't find the Photo
    Templates folder that is referenced in Jolantha Belik's Web Photo
    Album tutorial. She provides the following path : C:\Documents and
    Settings\.....\Macromedia\Dreamweaver MX\Configuration\Photo
    Templates\ however I can't find the Photo Templates folder
    anywhere.
    I know it's somewhere on my box as I can see the vanilla
    templates but I can't find them either when I search using Google
    Desktop.
    Help?
    Thanks in advance,
    Jim

    Jim,
    This TechNote explains where to find the User Configuration
    folder:
    http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16420
    HTH,
    Randy
    > I'm trying to set up a photo album that uses the same
    CSS template that I use
    > for the rest of the site. I know I will have to modify
    it but that's not the
    > problem. I can't find the Photo Templates folder that is
    referenced in Jolantha
    > Belik's Web Photo Album tutorial. She provides the
    following path :
    > C:\Documents and Settings\.....\Macromedia\Dreamweaver
    MX\Configuration\Photo
    > Templates\ however I can't find the Photo Templates
    folder anywhere.

  • How Do I Import A Photoshop CS4 Template into Dreamweaver CS4

    Ok. Here's the deal, my friend and I spent alot of time working in Photoshop to come up with a nice template. He's even done all the coding to animate the buttons for standard, hover over, and click and all that. It's really cool, the buttons slide back and "lock" into place dependent upon which page you're on. However, I want to take all of that information and plug it into my website without loosing the button functionality. Unfortunately, every time I try to put the photoshop web template into Dreamweaver, it always converts it into an image. So, how do I add my complete photoshop web template and all it's functionality into Dreamweaver?

    I'm afraid Photoshop is a graphics program ill suited for generating good HTML and CSS code.  Use Photoshop to create your images only. Use DW to build your HTML, CSS and menus.
    Have a look at this tutorial:
    Taking  a Fireworks (or Photoshop) comp to a CSS based layout in DW
    Part 1 --
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
    Part 2 --
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • PLEASE HELP - Problem with 2 column fixed template in Dreamweaver CS3

    I am trying to create a website using the 2 column fixed, right sidebar, header and footer html template in Dreamweaver CS3.  I tried putting a picture in the right side bar as well as with in the main content or left portion of the page, and neither picture is showing up when I view it in any of the browsers I'm using.
    I've made some minor changes in colors and sizing, but other than that no other changes.  The pic I put in for the header is showing up just fine though.
    Any help or advice to solve this issue would be greatly appreciated.
    Thanks!!

    Here is the base Dreamweaver code including the pic references that I'm trying to show on either side - when the browser opens, it only shows a blank space where the pics should be... let me know what you think.  Thanks!!
    <!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"><!-- InstanceBegin template="/Templates/AL TemplateNEW.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Temp Home</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    .twoColFixRtHdr #container {
    width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    .twoColFixRtHdr #header {
    background: #DDDDDD;
    padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    .twoColFixRtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .twoColFixRtHdr #sidebar1 {
    float: right; /* since this element is floated, a width must be given */
    width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 10px;
    .twoColFixRtHdr #mainContent {
    margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    .twoColFixRtHdr #footer {
    padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#DDDDDD;
    .twoColFixRtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    -->
    </style><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .twoColFixRtHdr #sidebar1 { width: 220px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColFixRtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixRtHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]--></head>
    <body class="twoColFixRtHdr">
    <div id="container">
      <div id="header">
        <h1>Header</h1>
      <!-- end #header --></div>
      <div id="sidebar1">
        <h3>Sidebar1 Content</h3>
        <!-- InstanceBeginEditable name="RightSideBar" -->
        <p>Right Side Bar Content - - -    </p>
        <p>Inserted pic below here</p>
        <p><img src="/images/Syntergy5.jpg" width="123" height="105" /></p>
        <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the right side of the #mainContent div if it will always contain more content. </p>
        <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque  eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend  sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
    <!-- InstanceEndEditable -->
        <p> </p>
      <!-- end #sidebar1 --></div>
      <div id="mainContent">
        <h1> Main Content </h1>
        <!-- InstanceBeginEditable name="MainContent" -->
        <p>Main Content - - </p>
        <p>inserted pic below here:</p>
        <p><img src="/images/Kelly1.jpg" width="285" height="236" /></p>
        <p> </p>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero. </p>
        <!-- InstanceEndEditable -->
        <p>
          <!-- end #mainContent -->
        </p>
      </div>
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
      <div id="footer">
        <p>Footer</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    <!-- InstanceEnd --></html>

  • Viewing new template in dreamweaver cs3 reverst to front page ??

    When i save a new template in Dreamweaver CS3 and then try to preview in IExploer it asks me "do you wnat to open or save this file? when i select either it reverst to my old MS Front Page editor

    From their website:
    " Adobe Flash (version 8 or higher) is required to edit the
    FLA file.
    - Use the source codes at your own risk after downloading and
    flashmo.com is
    not responsible for any bugs or errors caused by
    ActionScripts."
    Do you own Flash? Are you familliar with action scripts? If
    not, then you
    probably want to start with a plain html template and learn
    how to code html
    and CSS. Flash sites look nice but they are not friendly for
    Search Engines
    or users who don't have flash player installed on their
    system.
    Here are some on-line tutorials to help you get started with
    html and CSS
    code:
    www.w3schools.com (free)
    www.Lynda.com (pay videos)
    Adobe help - "Getting Started"
    --Nancy O.
    Alt-Web Design & Publishing
    www.alt-web.com
    "jdbcmcbride" <[email protected]> wrote in
    message
    news:ftr2vf$i4q$[email protected]..
    > I am a first-time user of DreamWeaver and am currently
    learning how to
    build a
    > website with the Adobe HTML article that they have.
    However, I found a
    flash
    > template that I downloaded as it is exactly what I want
    to use for my
    website.
    > My problem is, I don't know how to make it work.
    >
    > The template is located at
    http://www.flashmo.com/home
    and it is the one
    on
    > page 5 called "037 Wooden". If anyone can tell me what
    to do to get this
    to be
    > my website, I would really appreciate it.
    >

  • How do I convert a Expression Web template into Dreamweaver CC?

    Just got the Adobe CC subscription they said I could convert an Expression Web site template to Dreamweaver?  It has a file master.dwt that has the common header, footer and menu

    Thanks, Dick - that helps. Save this code into the Templates folder at the root of the site. Name the saved file with a *.dwt extension. Let me know when you've done that and I'll tell you what to do next.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="google-site-verification" content="n0PVQVe6Cs8EI5p0bjR5h5NxRpxwYuGqalb63SvPRaI" />
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Hotchkiss Sheep Camp  Stock Dog Trials </title>
        <meta name="description" content="Home page for the Hotchkiss Sheep Camp  Stock Dog Trials held in Hotchkiss Colorado on Mother's Day weekend in May"/>
        <meta name="keywords" content="Hotchkiss Sheep Camp, Stock Dog Trials, Hotchkiss, Colorado, SheepWagon, Sheep, herding dog,  Border Collie"/>
    <!-- TemplateEndEditable -->
    <link href="styles/style2.css" media="screen" rel="stylesheet" title="CSS" type="text/css" />
    <link rel="stylesheet" href="cssmenutools/scripts/MTHM1.css" type="text/css" />
    <style type="text/css">
    .auto-style1 {
      margin: 10px;
    .auto-style3 {
      vertical-align: middle;
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body style="width: 98%; background-color: #FFFFFF;">
    <form id="form1" runat="server">
        <!-- Begin Container --><div id="container" style="left: 10px; top: 1px; background-color: #FFFFFF;">
      <!-- Begin Masthead -->
      <!-- End Masthead -->
      <!-- Begin Navigation -->
        <div id="masthead" style="border-bottom-color: #E1F3FB; border-color: #BCE1FC; height: 162px; background-color: #BCE1FC; border-left-color: #BCE1FC; border-top-color: #BCE1FC; border-right-color: #BCE1FC;">
      <img alt="Hotchkiss Sheep Camp" height="75" src="images/Hotchkiss%20Logo.jpg" width="294" class="auto-style1" />
      <object type="application/x-shockwave-flash" data="HotchkissSheepCamp2.swf" width="358" height="159" align="right"><param name="movie"
      value="HotchkissSheepCamp2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="play"
      value="true" /><param name="loop" value="true" /><param name="wmode" value="window" /><param name="scale" value="showall" />
      <param name="menu" value="true" /><param name="devicefont" value="false" /><param name="salign" value="" /><param name="allowScriptAccess"
      value="sameDomain" /><!--<![endif]-->
      <a href="http://www.adobe.com/go/getflash">
      <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="358" height="159" />
      </a>
      <!--[if !IE]-->
      </object>
       <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="358" height="159" id="HotchkissSheepCamp2" align="right">
      <param name="movie" value="HotchkissSheepCamp2.swf" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#ffffff" />
      <param name="play" value="true" />
      <param name="loop" value="true" />
      <param name="wmode" value="window" />
      <param name="scale" value="showall" />
      <param name="menu" value="true" />
      <param name="devicefont" value="false" />
      <param name="salign" value="" />
      <param name="allowScriptAccess" value="sameDomain" />
      <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
      </object>
         </div>
      <div id="MTHMWUHHfGCDiv" class="MTHMWUHHfGCwrapper"><div id="MTHMWUHHfGCTop" class="MTHMWUHHfGCtop"><div class="MTHMWUHHfGCtopmiddle"><ul><li class="MTHMWUHHfGCitem1" style="margin-left:0px"><a href="index.html"><span>Home</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>We Are</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>Handler's Area</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>General Information</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>Trials Art</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>Area Amenities</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>Shopping</span></a></li></ul></div></div><script type="text/javascript" src="cssmenutools/scripts/MTHM1.js">/* MTHMMenu script ID:MTHMWUHHfGC */</script></div>
      <!-- End Navigation -->
      <!-- Begin Page Content -->
      <div id="page_content">
      <!-- Begin Left Column -->
      <div id="column_l" style="left: 0px; top: 0px; background-color: #FFFFFF; width: 96%;">
      <!-- TemplateBeginEditable name="content" -->
      <h2 style="width: 99%; position: relative; left: -20px; top: 0px; color: #000000; font-size: xx-large; font-family: 'Arial Black';">Headline 2</h2>
      <p style="z-index: 1; width: 1712px; height: 19px; position: absolute; top: 53px; left: 10px">insert content here</p>
      <!-- TemplateEndEditable --></div>
      <!-- End Left Column -->
      <!-- Begin Right Column -->
      <div id="column_r" style="width: 22%; background-color: #FFFFFF;">
      <!-- TemplateBeginEditable name="sidebar" -->
      <h3 style="width: 375px; background-color: #FFFFFF; color: #000000;">Headline 3</h3>
      <p>insert content here</p>
      <!-- TemplateEndEditable --></div>
      <!-- End Right Column --></div>
      <!-- End Page Content -->
      <!-- Begin Footer -->
      <div id="footer">
      <p style="border-bottom-color: #DCEFFC; border-color: #BCE1FC; width: 98%; background-color: #BCE1FC; border-left-color: #BCE1FC; border-right-color: #BCE1FC; border-top-color: #BCE1FC; color: #000000;">
      <br />
      <img alt="USBCA" height="150" src="images/usbcha-logo-200.gif" style="float: left" width="118" class="auto-style3" /><br />
      <br />
      <br />
      Last Updated  May 20, 2014<br />
      Copyright &copy; 2014 Hotchkiss Sheep Camp Stock Dog Trials.  All Rights Reserved.<br />
      <br />
      <br />
      <br />
      <br />
      Powered by
      Solutions Ark</p>
      </div>
      <!-- End Footer --></div>
    <!-- End Container -->
    </form>
      </body>
      </html>

  • How Do I Load Up A Flash Template into Dreamweaver?

    Can anyone help me load up a website template I purchased from Template monster so I can start editing it through dreamweaver?

    Flash files are not viewable by iPhone, iPad, iTouch, Android or any other web device that doesn't support flash player.   In short, Flash is pretty much dead as a web technology.  Maybe you can trade to an all HTML & CSS Template that you can edit in Dreamweaver?
    Nancy O.

  • How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)

    How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
    and I know it is being over-ridden by
    .gridContainer {
      width: 88.5%;
      max-width: 1232px;
      padding-left: 0.75%;
      padding-right: 0.75%;
      margin: auto;
      clear: none;
      float: none;

    Abdelqader Alnobani wrote:
    How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
    and I know it is being over-ridden by
    .gridContainer {
      width: 88.5%;
      max-width: 1232px;
      padding-left: 0.75%;
      padding-right: 0.75%;
      margin: auto;
      clear: none;
      float: none;
    Logically a structure something like below should work BUT whether or not it will upset the FG I don't know as I wouldn't ever use it.
    <div class="gridContainer">
    Top Code Section Goes Here
    </div>
    <!-- close gridContainer -->
    <div id="fullWidth">
    Full width section goes here
    </div>
    <!-- close fullWidth -->
    <div class="gridContainer">
    Bottom Code Section Goes Here
    </div>
    <!-- close gridContainer -->

  • Adobe recommends: New CSS features in Dreamweaver CS5

    Over  the next week, we are going to be publicizing some high-value content from adobe.com and other community sites. We have been tracking what's    been most important to our users, and feel that getting this content out to the larger community will go a long way toward helping people tackle some of their most pressing challenges.
    Continuing our trip along the CSS highway, our next recommendation is a video by Dremeaver superstar Brian Wood:
    New CSS features in Dreamweaver CS5
    The video demonstrates some of the most exciting new CSS features in Dreamweaver: new CSS layouts, CSS inspect, and CSS enable/disable.
    Give it a spin and let us know what you think!
    Previous recommendation threads:
    Use Dreamweaver CS 5.5 to package your web application for iOS and Android devices
    Customizing a Spry Menu Bar widget
    Spry Menu Bar resources
    Layout 101
    CSS page layout basics

    Thanks for the answer this is very useful however I still find that Dreamwever defaults back to writing in CSS, I have to go to the manel every time and switch from CSS style to Inline style which is very irritating. Is there any way to disable writing in CSS all together like their used to be in CS3..in the preferences.
    Much appreciated

  • Missing templates in Dreamweaver CC

    I am in classes for Web Page Design, which comes with the Dreamweaver software. I have not received the software from my school yet, so I began using the Adobe Creative Cloud. My problem is, in Dreamweaver CC, I am missing a template I need. I need the 2 column fixed, left sidebar template that does not show up in my template list.
    How can I get the Dreamweaver templates into Dreamweaver CC?

    When you go through the document you will see <header> and <footer>. Remove the whole element between the opening and the closing tags as in
    <header>
      <a href="#"><img src="" alt="Insert Logo Here" width="180" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a>
    </header>
    and
    <footer>
      <p>This footer contains the declaration position:relative; to give Internet Explorer 6 hasLayout for the footer and cause it to clear correctly. If you're not required to support IE6, you may remove it.</p>
      <address>
        Address Content
      </address>
    </footer>
    After having done that, view the result in a browser and you will notice that you have lost the background colour of the article classed as content. To fix that, add a background to content (near line 67) as in
    .content {
        padding: 10px 0;
        width: 780px;
        float: right;
        background: #FFFFFF;

  • Problems when Creating Pages from Templates in Dreamweaver 8

    When creating new pages from templates in Dreamweaver 8(Ver
    8.0.2). The full path for images is not created
    i.e. in template the code is <img src="main_page_logo.png"
    width="814" height="172" longdesc="Main Page Logo" />
    In the new file the code should be :-
    <img src="../../Templates/main_page_logo.png" width="814"
    height="172" longdesc="Main Page Logo" />
    but only :-
    <img src="main_page_logo.png" width="814" height="172"
    longdesc="Main Page Logo" /> is in the code.
    but this does work in Version 8.0.
    Does anyone know of a setting or fix for this problem

    > Does anyone know of a setting or fix for this problem
    It was regarded as a bug in previous versions, and was fixed
    in the 8.0.2
    release. In normal circumstances, ALL links in a template
    file must be
    relative to the template document, not relative to where you
    intend to save
    the child pages. Thus, there would be no way to have a link
    in your
    template document like the first one you show, e.g.,
    <img src="whatever.png"....
    *unless* the file was actually in the Templates folder (a bad
    idea).
    In 8.0.2, you can set your PREFERENCES for the Templates
    category to NOT
    MANAGE relative links. Be aware that this may have unintended
    consequences
    for you - specifically regarding other relative links in your
    site.
    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
    ==================
    "pgs_it" <[email protected]> wrote in
    message
    news:eivj88$361$[email protected]..
    > When creating new pages from templates in Dreamweaver
    8(Ver 8.0.2). The
    > full
    > path for images is not created
    > i.e. in template the code is <img
    src="main_page_logo.png" width="814"
    > height="172" longdesc="Main Page Logo" />
    > In the new file the code should be :-
    > <img src="../../Templates/main_page_logo.png"
    width="814" height="172"
    > longdesc="Main Page Logo" />
    > but only :-
    > <img src="main_page_logo.png" width="814"
    height="172" longdesc="Main Page
    > Logo" /> is in the code.
    > but this does work in Version 8.0.
    > Does anyone know of a setting or fix for this problem
    >
    >
    >

Maybe you are looking for

  • ISSUE IN THE TABLE CONTROL

    HAI FRIENDS, I HAVE DISPLAYED THE VALUES IN THE TABLE CONTROL I HAVE DEFINED 'CHECK'  FOR  SELECTING  THE FIELDS OF TABLE CONTROL THE ISSUE STARTS HERE WHEN I CHECK TOP FIELDS OF TABLE CONTROL THEN SCROLLED  VERTICALLY, THE TABLE CONTROL TO SELECT I.

  • IPhoto 9 v. 8.1.2 How do I arrange my pictures in chronological order?

    iPhoto 9 v. 8.1.2 OS X 10.8.5 Hi In any iPhoto window, my pictures don't layout in chronological order. I would like them to. I need to look at my pictures and see them in the sequence in which I took them. In the Mac Finder, there are many choices g

  • Macbook Pro Wireless HDMI capability?

    I have read that using a device that plugs into your TV's HDMI port you can stream HD audio and video from your laptop to the TV. To do this the article said your laptop would need to have "wireless HDMI capability". Does the new Macbook Pro have thi

  • Mac Pro Temperature

    I own a Mac Pro. I have iPulse and iStat Pro. but i dont know if my computer is getting to hot or not. What temperatures are normal?? Temperatures : CPU A - 103 F CPU B - 101 F Ambient is currently - 76 F NorthBridge - 180 F Expansion slots - 104 F H

  • Adobe Premier Elements 12 , Unknown errors when rendering or saving or making DVD's

    We purchased this software in January and have had little success it getting it to work as the errors which appear have no details to work on. the most popular error is unknown error , error converting, error rendering project. But this does not tell