10 Replies Latest reply on Jun 3, 2010 11:06 AM by Indie767

    DW8 CSS

    Indie767 Level 1

      I'm using DW8. Instead of wrting CSS for all my pages, which is a pain to cut and paste, is there a way to link all my pages to a single external style sheet? DW8 supposedly has a function for attach an external style sheet but it doesn't write the code. I think it is a vapor feature. If so, I'm thinking of upgrading. Does the latest version allow you to link multiple pages to a single style sheet?

        • 1. Re: DW8 CSS
          John Waller Adobe Community Professional & MVP

          There's no magic to external linked stylesheets. They're a standard method of implementing CSS and have been a part of how DW writes CSS for many years.

           

          DW8 introduced the Unified CSS Panel into DW which was a major step up from previous version. Everything in one place.

           

          Try

          http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_02.html

           

          It includes a video demonstrating how to attach an external stylesheet.

          1 person found this helpful
          • 2. Re: DW8 CSS
            Indie767 Level 1

            Thanks for the link it is somewhat helpful. Unfortunatly, I still can't apply page background color globally and other little things like link colors and such. I still have to use the Page Properties in the Properties Panel to do so. So I guess there is some degree of manually setting a look for each page. I know CSS works like XML so I don't understand why I can't use it exclusivy to style all my pages globally.

             

            Perhaps it's time for me to trade up to a newer version.

            • 3. Re: DW8 CSS
              John Waller Adobe Community Professional & MVP

              Trade up by all means but it won't help you any more with attaching an external stylesheet since it's more or less the same procedure in all the newer versions.

               

              What are you having trouble with? The links I gave show how to attach an external stylesheet.

               

              All you need is a stylesheet (e.g. mystylesheet.css) saved anywhere in your website: top level directory is ffine

               

              Then a <link> statement in every HTML page to link the stylesheet

               

              e.g.

              <link href="/mystylesheet.css" rel="stylesheet" type="text/css" media="all" />
              That's it.
              • 4. Re: DW8 CSS
                Indie767 Level 1

                I built a menu with animated graphics (buttons) in Fireworks and exported

                the HTLM and Images to DW. The page works fine, the buttons animate and I

                can link them to other pages, but it I can't center the page in the Browser.

                In other words, the page stays on the left side of the browser.

                 

                My external CSS sheet code:

                 

                .Page 

                 

                 

                 

                I've manually inserted this into previous sites and it works, but not with

                the external style sheet.

                 

                I can affect other elements of the page with the external sheet but I can't

                center it.

                 

                With the exception of a few HTML lines, the whole page is JavaScript code

                generated by Fireworks. I'm guessing you can't control JavaScript with

                CSS?!!

                 

                I guess my options are to leave the page position as is or abandon

                JavaScript and use Flash. However, I'm not sure if Flash can be controlled

                by CSS either.

                 

                Thanks for your help,

                 

                Dave

                • 5. Re: DW8 CSS
                  John Waller Adobe Community Professional & MVP

                  My external CSS sheet code:

                   

                  .Page 

                   

                  Must be something missing. That fragment is incomplete.

                   

                  Can you provide a link to the page online so we can take a look?

                  • 6. Re: DW8 CSS
                    Indie767 Level 1

                    I figured out the problem, or at least a workaround. I tried using the

                    Properties STYLE drop down window to link to the external style sheet. For

                    whatever reason this function does not work, so I manually inserted the line

                    of code "" to link to the external style sheet class "#page

                    "  Finally my page

                    centers in the browser.

                     

                    I talked to a few other DW users and they told me that it is best not use

                    DW8 to write code because it is easier and cleaner to write it manually in a

                    text editor, using DW as file management and FTP software only. Is this

                    true?

                     

                    Thanks for you help,

                     

                    Dave

                    • 7. Re: DW8 CSS
                      John Waller Adobe Community Professional & MVP
                      function(){return A.apply(null,[this].concat($A(arguments)))}

                      I talked to a few other DW users and they told me that it is best not use

                      DW8 to write code because it is easier and cleaner to write it manually in a

                      text editor, using DW as file management and FTP software only. Is this

                      true?


                      Everyone has their own preferences.

                       

                      The reasons given above are dubious to me at best. DW is most definitely an easy and clean tool to create code with, not to mention powerful. DW is expensive to use only for file managemernt and FTP.

                       

                      That said, DW is a tool and it's up to each person to determine how the tool best fits into their workflow.

                       

                      I use DW for everything related to web authoring including Code View.

                      • 8. Re: DW8 CSS
                        Indie767 Level 1

                        I agree. Writing code outside of DW does not make sense to me. I was under

                        the impression that DW was supposed to eliminate many manual tasks. Maybe I

                        have a buggy program.  I'll try deinstalling and reinstalling again.

                         

                        Dave

                        • 9. Re: DW8 CSS
                          Nancy OShea Adobe Community Professional & MVP
                          Maybe I have a buggy program.  I'll try deinstalling and reinstalling again.

                          Dave,  Do you have the DW8.02 update? It contained a few fixes that didn't ship with the original release.

                          http://www.adobe.com/support/documentation/en/dreamweaver/dw8/releasenotes.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

                          • 10. Re: DW8 CSS
                            Indie767 Level 1

                            Thanks! I didn't know about this.

                             

                            Dave