3 Replies Latest reply on Jul 1, 2008 7:07 AM by Newsgroup_User

    CSS within templates

    SteveKimpton
      I have an old site (>250 pages) built using a muddle of DW templates and libraries. I want to change the general layout and rationalise the templates. I've done this experimentally using scripts to determine the contents of the old editable regions and writing the text into a new files with empty editable regions. Inside the template for these files there is a a link to a css file:

      <link href="wp1.css" rel="stylesheet" type="text/css">

      Because the files are in multiple folders, the path is wrong but the running the template page update correctly alters the path, e.g.

      <link href="../wp1.css" rel="stylesheet" type="text/css">

      This is great and the pages view correctly in a browser but not in DW8 design view.

      If I move the link outside the editable region, all is fine.

      Any ideas gratefully received!
        • 1. Re: CSS within templates
          Level 7
          You cannot have links to stylesheets within the body of your HTML pages.

          If that's not what you have, then we would need to see a page that is not
          correctly rendered.

          --
          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
          ==================


          "SteveKimpton" <webforumsuser@macromedia.com> wrote in message
          news:g4b2ug$l1$1@forums.macromedia.com...
          >I have an old site (>250 pages) built using a muddle of DW templates and
          > libraries. I want to change the general layout and rationalise the
          > templates.
          > I've done this experimentally using scripts to determine the contents of
          > the
          > old editable regions and writing the text into a new files with empty
          > editable
          > regions. Inside the template for these files there is a a link to a css
          > file:
          >
          > <link href="wp1.css" rel="stylesheet" type="text/css">
          >
          > Because the files are in multiple folders, the path is wrong but the
          > running
          > the template page update correctly alters the path, e.g.
          >
          > <link href="../wp1.css" rel="stylesheet" type="text/css">
          >
          > This is great and the pages view correctly in a browser but not in DW8
          > design
          > view.
          >
          > If I move the link outside the editable region, all is fine.
          >
          > Any ideas gratefully received!
          >
          >

          • 2. Re: CSS within templates
            SteveKimpton Level 1
            The css link is not in the body but I think you've put me on the right track - Thanks. I made my new dwt from a DW6 original page that I'd cleaned up. The cleaned up structure was

            <doctype>
            <html>
            <head>
            <meta...>
            <title>...</title>
            <meta ...>
            <link to css>
            </head>

            The dwt adds its bits like so:

            <doctype>
            <html>
            <head>
            <meta...>
            <!-- TemplateBeginEditable name="doctitle" -->
            <title>...</title>
            <!-- TemplateEndEditable -->
            <meta...>
            <link to css>
            <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
            </head>

            This means that my original metatags for one page were included in all the constructed pages and were uneditable - not what I wanted at all. (I guess the DW8 template is allowing for these bits to be included in the editable region called 'head'.)

            The doctitle region of the pages in DW6 included the metatags and, in altering the new dwt to try to sort this out, I'd obviously messed up the css link (but even now I'm not absolutely sure how) - but it is now sorted. Thanks.
            • 3. Re: CSS within templates
              Level 7
              You're welcome. If you are still using the doctype inserted by DW6, be
              aware that this version used a broken doctype (it was valid, but not
              complete), which caused IE to render the page in quirks mode - not a good
              thing. Your best bet here would be to copy the desired doctype from a newly
              created page, and replace the DW6 one with it.

              > I guess the
              > DW8 template is allowing for these bits to be included in the editable
              > region
              > called 'head'.

              Exactly.

              --
              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
              ==================


              "SteveKimpton" <webforumsuser@macromedia.com> wrote in message
              news:g4dcq3$jh6$1@forums.macromedia.com...
              > The css link is not in the body but I think you've put me on the right
              > track -
              > Thanks. I made my new dwt from a DW6 original page that I'd cleaned up.
              > The
              > cleaned up structure was
              >
              > <doctype>
              > <html>
              > <head>
              > <meta...>
              > <title>...</title>
              > <meta ...>
              > <link to css>
              > </head>
              >
              > The dwt adds its bits like so:
              >
              > <doctype>
              > <html>
              > <head>
              > <meta...>
              > <!-- TemplateBeginEditable name="doctitle" -->
              > <title>...</title>
              > <!-- TemplateEndEditable -->
              > <meta...>
              > <link to css>
              > <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
              > </head>
              >
              > This means that my original metatags for one page were included in all the
              > constructed pages and were uneditable - not what I wanted at all. (I
              > guess the
              > DW8 template is allowing for these bits to be included in the editable
              > region
              > called 'head'.)
              >
              > The doctitle region of the pages in DW6 included the metatags and, in
              > altering
              > the new dwt to try to sort this out, I'd obviously messed up the css link
              > (but
              > even now I'm not absolutely sure how) - but it is now sorted. Thanks.
              >