1 2 Previous Next 44 Replies Latest reply: Mar 24, 2013 1:30 PM by MurraySummers RSS

    Css, Html, and templates problem.

    Duzeon

      Hey guys, this is the first time i've encountered this problem.

       

      Well, I've created a site, and also made a template for that to change my current theme.

       

      After I created the template, the preview on "split" mode is just all html view, not like it would normally look like before the template(it used to have all the colours like it would appear on a website with css).

      I'm not sure if this connects to it, but I've got all the code right (I think). But after I applied the template to another page, and upload it on File Zilla, it doesn't seem like it wants to connect it with the css file.

       

      I've got:

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

       

      in the source code.

       

      Before the template, underneath the tabs, it has all these: http://prntscr.com/xi7dw

      Which are files connected to my code(css, js) And when I click on them it shows the code.

       

      But after that page was turned into a template, those things underneath all the tabs of my files are still there, but when I click on them it shows nothing but a info bar:  http://prntscr.com/xi7m7

      Clicking on "Get" brings me: http://prntscr.com/xi7oj

       

      So I'm not sure how to get my site working using templates. I've used templates before and applying them to replace other themes and it works, not sure what the problem is here.

       

      Hope someone can help.

       

      Thanks.

        • 1. Re: Css, Html, and templates problem.
          MurraySummers ACP/MVPs

          After I created the template, the preview on "split" mode is just all html view

           

          Which DW are you using? So, are you saying that you see only code in each pane of split view?

           

          Why don't you start by showing us the code on the Template page - can you paste it into a reply here, please?

          • 2. Re: Css, Html, and templates problem.
            Duzeon Community Member

            I'm using CS5.

             

            Split view of a page that is working:  http://prntscr.com/xic39

            Split view of a page using a template: http://prntscr.com/xic90

             

            Code of template.

             

            <code><!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>

            <title>Home - PCreedHelp Website - All for your needs!</title>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

            <meta name="description" content="" />

            <meta name="keywords" content="" />

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

            <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>

            <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

            <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

            <script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script>

            <script type="text/javascript" src="js/script.js"></script>

            <script type="text/javascript" src="js/superfish.js"></script>

            <script type="text/javascript" src="js/leaguegothic.font.js"></script>

            </head>

            <body>

            </code>

             

            Code of file using the template:

            <code>

            <!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/NewTemplateOther.dwt" codeOutsideHTMLIsLocked="false" -->

            <head>

            <title>Home - PCreedHelp Website - All for your needs!</title>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

            <meta name="description" content="" />

            <meta name="keywords" content="" />

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

            <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>

            <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

            <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

            <script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script>

            <script type="text/javascript" src="js/script.js"></script>

            <script type="text/javascript" src="js/superfish.js"></script>

            <script type="text/javascript" src="js/leaguegothic.font.js"></script>

            </head>

            <body></code>

             

            I didn't know how much I needed to paste, so I just pasted the top part so it wouldn't  make this thread so long.

            • 3. Re: Css, Html, and templates problem.
              MurraySummers ACP/MVPs

              Obviously, none of your links in the template are correct. The code in your template *should* be this (and would be this if the template had been made properly using File > Save as Template) (all other links in your template file should be adjusted similarly as well) -

               

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

              <!-- TemplateBeginEditable name="doctitle" --><title>Home - PCreedHelp Website - All for your needs!</title><!-- TemplateEndEditable -->

              <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

              <meta name="description" content="" />

              <meta name="keywords" content="" />

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

              <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>

              <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>

              <script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>

              <script type="text/javascript" src="j../s/jquery.coda-slider-2.0.js"></script>

              <script type="text/javascript" src="../js/script.js"></script>

              <script type="text/javascript" src="../js/superfish.js"></script>

              <script type="text/javascript" src="../js/leaguegothic.font.js"></script>

              <!-- TemplateBeginEditable name="head" -->

              <!-- TemplateEndEditable -->

              </head>

              <body>

              • 4. Re: Css, Html, and templates problem.
                Duzeon Community Member

                Hmm, I've just tried to create a new template again, and the "design" bit seems to be showing the css bit as well as the html.

                 

                But idk why after I've applied that new template to this page, it doesn't seem to work.

                • 5. Re: Css, Html, and templates problem.
                  Nancy O. MVP

                  Templates are stored in a Templates folder inside your main site folder.

                  Looking at your Template code, this link to your CSS file is not right.

                   

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

                   

                  It should look like this:

                   

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

                   

                  Ditto for all your scripts.

                   

                   

                  Nancy O.

                  • 6. Re: Css, Html, and templates problem.
                    Duzeon Community Member

                    Hmm, yes I think they are stored in there.

                    Just done what you told me to do, and it worked, kind of.

                     

                    Can I PM you the site links so you can see what's happening?

                    • 7. Re: Css, Html, and templates problem.
                      Nancy O. MVP

                      Please don't PM me.  Just post a link to your site.

                       

                       

                      Nancy O.

                      • 8. Re: Css, Html, and templates problem.
                        Duzeon Community Member

                        Alright then.

                         

                        Well this is all based off the "index.html" file.

                         

                        http://pcreedhelp.com/ works fine.

                        http://pcreedhelp.com/index/     doesn't work properly, it shows part of the css.

                         

                        And for my templates, it works when I go to "New file from template" then paste the information in the editable region, but it doesn't work it I just apply the template onto a already made html file :/

                        • 9. Re: Css, Html, and templates problem.
                          MurraySummers ACP/MVPs

                          You're not getting it.

                           

                          A template is in the /Templates folder. No other files should be in that folder. All other files are OUTSIDE of the Templates folder, but still within the root of the site. This means that ALL links in a template page that are document relative MUST begin with "../", i.e., go up one folder level and then begin looking for the path. Now - show us your template page and its code, please. That will allow us to help you completely.

                          • 10. Re: Css, Html, and templates problem.
                            Duzeon Community Member

                            Yes, But I have never had to upload templates on my site.

                             

                            [code]

                            Template code:

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

                            <!-- TemplateBeginEditable name="doctitle" -->

                            <title>Home - PCreedHelp Website - All for your needs!</title>

                            <!-- TemplateEndEditable -->

                            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

                            <meta name="description" content="" />

                            <meta name="keywords" content="" />

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

                            <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>

                            <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

                            <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

                            <script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script>

                            <script type="text/javascript" src="js/script.js"></script>

                            <script type="text/javascript" src="js/superfish.js"></script>

                            <script type="text/javascript" src="js/leaguegothic.font.js"></script>

                            <!-- TemplateBeginEditable name="head" -->

                            <!-- TemplateEndEditable -->

                            </head>

                            <body>

                             

                             

                            <div id="headercont" class="clearfix">

                                      <div id="header">

                                          <div id="headerlogo">

                                    <center>

                                              <h1><a title="" href="">PCreedHelp </a></h1>

                                      </center>

                                    </div>

                                   

                                   <div id="headermenu">

                                        <ul class="sf-menu dropdown">

                                            <li><a title="" href="">Home</a></li>

                                            <li><a class="has_submenu" title="" href="/offguides/">Official Guides</a>

                                                <ul>

                                                    <li><a title="" href="/mapguide/">Map Guide</a></li>

                                                    <li><a title="" href="/staffinfo/">Staff Info</a></li>

                                                    <li><a title="" href="/gamescorner/">Games Corner</a></li>

                                                    <li><a title="" href="/abbreviations/">Abbreviations</a></li>

                                                </ul>

                                            </li>         

                                        <li><a class="has_submenu" title="" href="/playerguides/">Player Guides</a>

                                                <ul>

                                                    <li><a title="" href="/guide1/">Coins Guide</a></li>

                                                    <li><a title="" href="/guide2/">Training Guide</a></li>

                                                    <li><a title="" href="/guide3/">Account Security</a></li>

                                                    <li><a title="" href="/playerguides/">More</a></li>

                                                </ul>

                                          </li>         

                                          <li><a title="" href="/contact/">Contact</a></li>

                                                        

                                           

                                      </ul>

                                    </div>

                                </div>

                            </div>

                             

                             

                            <div id="gallerycont" class="clearfix">

                                <div class="coda-slider preload" id="gallery">

                                    <div class="panel">

                                        <div class="panel-wrapper">

                                        <div class="panelleft">

                                           <h3>Hello</h3>

                                           </div>

                                            <div class="panelright">

                                                <img alt="" src="images/CursedGolett.png" />

                                                </div>

                                           

                                        </div>

                                    </div>

                                    <div class="panel">

                                        <div class="panel-wrapper">

                                            <div class="panelleft">

                                                <h3>More Information</h3>

                                                <p>If you see anything wrong, errors, or mistakes please email me here or you can visit the forums, register, and post!</p>             </div>

                                            <div class="panelright">

                                                <img alt="" src="images/gallery-image.jpg" />

                                            </div>

                                        </div>

                                    </div>

                                    <div class="panel">

                                        <div class="panel-wrapper">

                                            <div class="panelleft">

                                                <h3>Updated Daily!</h3>

                                                <p>As this website is still new, I will be updating every day. So be sure to be keep checking this website out. I mainly do a guide per day, or more depending on what the guide is. As some may be shorter, but some may take ages to write. But so far, I have a few guides to keep the mood going.</p>

                                                <p>Current Updates for Today:

                            Done:

                             

                             

                            Edited Coins Guide

                             

                             

                            Improved quality of guides

                             

                             

                            [Updated on [6/03/13]

                             

                             

                            To do:</p>

                                            </div>

                                            <div class="panelright">

                                                <img alt="" src="images/gallery-image.jpg" />

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>

                               

                                 <div id="maincont" class="clearfix">

                                          <div id="mainleft">

                                              <h3>Player Created Guides</h3>

                                        <p>All these are guides created by Pokemon Creed Members.                                                                            Feel free to suggest some by contacting me or posting on the forums.</p>

                                        <ul class="sidemenu">

                                            <li><a title="" href="">Coins Guide</a></li>

                                            <li><a title="" href="">Training Guide</a></li>

                                            <li><a title="" href="">Account Security</a></li>

                                            <li><a title="" href="#">Coming Soon!</a></li>

                                        </ul>

                                        <p>How is your day today?</p>

                                    </div>

                                          <div id="mainright"><!-- TemplateBeginEditable name="InfoContent" -->

                                            <h1>PCreedHelp Site</h1>

                                      <p>Welcome to the site, information will be put up soon.</p>

                                      <ul>

                                        <li>This is an unordered list - Item 1</li>

                                        <li>This is an unordered list - Item 2</li>

                                        <li>This is an unordered list - Item 3</li>

                                        <li>This is an unordered list - Item 4</li>

                                      </ul>

                                      <h2>Have Fun</h2>

                                      <p>Fun is good.</p>

                                      <ol>

                                        <li>This is an ordered list - Item 1</li>

                                        <li>This is an ordered list - Item 2</li>

                                        <li>This is an ordered list - Item 3</li>

                                        <li>This is an ordered list - Item 4</li>

                                      </ol>

                                      <p>How cool is this site?</p>

                                      <blockquote>I say hi.</blockquote>

                                          <!-- TemplateEndEditable --></div>

                                </div>

                               

                              

                               

                            <div id="footercont" class="clearfix">

                                <center>

                                <a href="#">[Back To Top]</a><br>

                               

                                           <a href="">[Home]</a> | <a href="/donate/">[Donate]</a>  | <a href="/contact/">[Contact Me]</a>

                                          <p>Copyright © 2013 PCreedHelp Website</p>

                                  </center>

                                </div>

                               

                                <div id="adverts">

                                <center>

                                <script type="text/javascript" src="http://ap.lijit.com/www/delivery/fpi.js?z=196124&u=jd3101&width=728&height=90"></script>

                                </center>

                                </div>

                             

                             

                            </body>

                            </html>

                            [/code]

                            • 11. Re: Css, Html, and templates problem.
                              MurraySummers ACP/MVPs

                              You don't need to upload the template files ever unless you want to share them with someone. This is the code that you SHOULD have in this template file (assuming that the js files are not saved within the Templates folder) -

                               

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

                              <!-- TemplateBeginEditable name="doctitle" -->

                              <title>Home - PCreedHelp Website - All for your needs!</title>

                              <!-- TemplateEndEditable -->

                              <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

                              <meta name="description" content="" />

                              <meta name="keywords" content="" />

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

                              <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>

                              <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>

                              <script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>

                              <script type="text/javascript" src="../js/jquery.coda-slider-2.0.js"></script>

                              <script type="text/javascript" src="../js/script.js"></script>

                              <script type="text/javascript" src="../js/superfish.js"></script>

                              <script type="text/javascript" src="../js/leaguegothic.font.js"></script>

                              <!-- TemplateBeginEditable name="head" -->

                              <!-- TemplateEndEditable -->

                              </head>

                              <body>

                               

                               

                              <div id="headercont" class="clearfix">

                                        <div id="header">

                                            <div id="headerlogo">

                                      <center>

                                                <h1><a title="" href="">PCreedHelp </a></h1>

                                        </center>

                                      </div>

                                    

                                     <div id="headermenu">

                                          <ul class="sf-menu dropdown">

                                              <li><a title="" href="">Home</a></li>

                                              <li><a class="has_submenu" title="" href="/offguides/">Official Guides</a>

                                                  <ul>

                                                      <li><a title="" href="/mapguide/">Map Guide</a></li>

                                                      <li><a title="" href="/staffinfo/">Staff Info</a></li>

                                                      <li><a title="" href="/gamescorner/">Games Corner</a></li>

                                                      <li><a title="" href="/abbreviations/">Abbreviations</a></li>

                                                  </ul>

                                              </li>        

                                          <li><a class="has_submenu" title="" href="/playerguides/">Player Guides</a>

                                                  <ul>

                                                      <li><a title="" href="/guide1/">Coins Guide</a></li>

                                                      <li><a title="" href="/guide2/">Training Guide</a></li>

                                                      <li><a title="" href="/guide3/">Account Security</a></li>

                                                      <li><a title="" href="/playerguides/">More</a></li>

                                                  </ul>

                                            </li>        

                                            <li><a title="" href="/contact/">Contact</a></li>

                                                         

                                            

                                        </ul>

                                      </div>

                                  </div>

                              </div>

                               

                               

                              <div id="gallerycont" class="clearfix">

                                  <div class="coda-slider preload" id="gallery">

                                      <div class="panel">

                                          <div class="panel-wrapper">

                                          <div class="panelleft">

                                             <h3>Hello</h3>

                                             </div>

                                              <div class="panelright">

                                                  <img alt="" src="../images/CursedGolett.png" />

                                                  </div>

                                            

                                          </div>

                                      </div>

                                      <div class="panel">

                                          <div class="panel-wrapper">

                                              <div class="panelleft">

                                                  <h3>More Information</h3>

                                                  <p>If you see anything wrong, errors, or mistakes please email me here or you can visit the forums, register, and post!</p>             </div>

                                              <div class="panelright">

                                                  <img alt="" src="../images/gallery-image.jpg" />

                                              </div>

                                          </div>

                                      </div>

                                      <div class="panel">

                                          <div class="panel-wrapper">

                                              <div class="panelleft">

                                                  <h3>Updated Daily!</h3>

                                                  <p>As this website is still new, I will be updating every day. So be sure to be keep checking this website out. I mainly do a guide per day, or more depending on what the guide is. As some may be shorter, but some may take ages to write. But so far, I have a few guides to keep the mood going.</p>

                                                  <p>Current Updates for Today:

                              Done:

                               

                               

                              Edited Coins Guide

                               

                               

                              Improved quality of guides

                               

                               

                              [Updated on [6/03/13]

                               

                               

                              To do:</p>

                                              </div>

                                              <div class="panelright">

                                                  <img alt="" src="../images/gallery-image.jpg" />

                                              </div>

                                          </div>

                                      </div>

                                  </div>

                              </div>

                                

                                   <div id="maincont" class="clearfix">

                                            <div id="mainleft">

                                                <h3>Player Created Guides</h3>

                                          <p>All these are guides created by Pokemon Creed Members.                                                                            Feel free to suggest some by contacting me or posting on the forums.</p>

                                          <ul class="sidemenu">

                                              <li><a title="" href="">Coins Guide</a></li>

                                              <li><a title="" href="">Training Guide</a></li>

                                              <li><a title="" href="">Account Security</a></li>

                                              <li><a title="" href="#">Coming Soon!</a></li>

                                          </ul>

                                          <p>How is your day today?</p>

                                      </div>

                                            <div id="mainright"><!-- TemplateBeginEditable name="InfoContent" -->

                                              <h1>PCreedHelp Site</h1>

                                        <p>Welcome to the site, information will be put up soon.</p>

                                        <ul>

                                          <li>This is an unordered list - Item 1</li>

                                          <li>This is an unordered list - Item 2</li>

                                          <li>This is an unordered list - Item 3</li>

                                          <li>This is an unordered list - Item 4</li>

                                        </ul>

                                        <h2>Have Fun</h2>

                                        <p>Fun is good.</p>

                                        <ol>

                                          <li>This is an ordered list - Item 1</li>

                                          <li>This is an ordered list - Item 2</li>

                                          <li>This is an ordered list - Item 3</li>

                                          <li>This is an ordered list - Item 4</li>

                                        </ol>

                                        <p>How cool is this site?</p>

                                        <blockquote>I say hi.</blockquote>

                                            <!-- TemplateEndEditable --></div>

                                  </div>

                                

                               

                                

                              <div id="footercont" class="clearfix">

                                  <center>

                                  <a href="#">[Back To Top]</a><br>

                                

                                             <a href="">[Home]</a> | <a href="/donate/">[Donate]</a>  | <a href="/contact/">[Contact Me]</a>

                                            <p>Copyright © 2013 PCreedHelp Website</p>

                                    </center>

                                  </div>

                                

                                  <div id="adverts">

                                  <center>

                                  <script type="text/javascript" src="http://ap.lijit.com/www/delivery/fpi.js?z=196124&u=jd3101&width=728&he ight=90"></script>

                                  </center>

                                  </div>

                               

                               

                              </body>

                              </html>

                              • 12. Re: Css, Html, and templates problem.
                                MurraySummers ACP/MVPs

                                Also, be aware that the menu links you have are ROOT relative links -

                                 

                                <li><a title="" href="/mapguide/">Map Guide</a></li>

                                 

                                They will not work properly in a local preview of your child pages UNLESS you have enabled the use of temporary files in PREFERENCES > Preview in browser. In addition, if you click away from the previewed page, you cannot click away from that resulting page - so when you are previewing pages that contain root relative links and you have temporary files enabled, you can only click away from that previewed page once.

                                • 13. Re: Css, Html, and templates problem.
                                  Duzeon Community Member

                                  I've just copied that to the template file and saved it.

                                  The file(s) that used the templates I saved as well.

                                   

                                  But on www.pcreedhelp.com/abbreviations/

                                  It doesn't work when the template was updated.

                                   

                                  Here's the code of abbreviations if needed: http://pastebin.com/QKRXFPGi

                                  • 14. Re: Css, Html, and templates problem.
                                    Nancy O. MVP

                                    DW Templates are used to spawn your site pages.  If your Template.dwt file is not put together properly, none of your pages will work right.

                                     

                                    #1 You must be working within a defined site in DW.

                                    #2 Templates must be inside the Templates folder of your local site folder.

                                    #3 All links should begin with ../

                                    #4 When you spawn a child page from your Template and SaveAs to your root folder, DW will reconcile paths to files for you.

                                     

                                    Make sense?

                                     

                                    Nancy O.

                                    • 15. Re: Css, Html, and templates problem.
                                      Duzeon Community Member

                                      Well, they're in the templates folder:

                                      http://prntscr.com/xiwlu

                                       

                                      And for my past 2 themes, it's been working fine when replacing current theme with another using templates. And I haven't been using the "../"

                                      So I'm not sure what's happening here.

                                       

                                      Like the www.pcreedhelp.com and www.pcreedhelp.com/index/

                                      They're both using the "index.html" file, but the "/index/" link does not work properly, no templates were involved in them.

                                      • 16. Re: Css, Html, and templates problem.
                                        Nancy O. MVP

                                        Are you working within a Defined Local Site in DW?  Without this critical first step, DW cannot properly manage assets and links for you. You should have one site definition for each web site you work on.

                                         

                                        Creating  your first web site in DW  -

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

                                         

                                         

                                         

                                         

                                        Nancy O.

                                        • 17. Re: Css, Html, and templates problem.
                                          Duzeon Community Member

                                          Well, all I wanted was to change the theme, and replace my current one. It would be the same site right?

                                          The last 2 attempts at replacing current themes worked.

                                          • 18. Re: Css, Html, and templates problem.
                                            Nancy O. MVP

                                            This page is inside a sub-folder (index) off your site's root folder.

                                            http://www.pcreedhelp.com/index/

                                             

                                            Links to supporting files are broken because the paths are NOT pointing to your site root.

                                             

                                            Added ../ to each link:

                                             

                                            <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>

                                            <script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>

                                            <script type="text/javascript" src="../js/jquery.coda-slider-2.0.js"></script>

                                            <script type="text/javascript" src="../js/script.js"></script>

                                            <script type="text/javascript" src="../js/superfish.js"></script>

                                            <script type="text/javascript" src="../js/leaguegothic.font.js"></script>

                                             

                                            Ditto for images:

                                            <img alt="" src="../images/gallery-image.jpg" />

                                             

                                             

                                            Nancy O.

                                            • 19. Re: Css, Html, and templates problem.
                                              Duzeon Community Member

                                              Ahh, thanks.

                                              Now /index/ works.

                                               

                                              But for some reason, I've edited the template so that it has "../" on the links.

                                              I've applied it to the page I want the template to have, but it always keep adding: ../Documents/Unnamed Site 2/ at the start of my links :/

                                              • 20. Re: Css, Html, and templates problem.
                                                MurraySummers ACP/MVPs

                                                Your site is not properly defined.

                                                 

                                                In your current site definition, what is the path to the local root folder?

                                                • 21. Re: Css, Html, and templates problem.
                                                  Nancy O. MVP

                                                  I think you should skip using Templates until you've thoroughly read the F1 (help) topics on them.

                                                  http://helpx.adobe.com/dreamweaver/topics.html#dynamicpod_reference_11

                                                   

                                                   

                                                   

                                                  Nancy O.

                                                  • 22. Re: Css, Html, and templates problem.
                                                    Duzeon Community Member

                                                    http://prntscr.com/xj5q0

                                                     

                                                    I think that's it :s

                                                     

                                                    Nancy O, I've looked at it before, and my sites had been working properly until lately I've been trying to change the theme and it's all messed up :/

                                                    • 23. Re: Css, Html, and templates problem.
                                                      Duzeon Community Member

                                                      So does anyone know how I can stop the "../Documents/Unnamed Site 2/ " adding to the start of my links when I apply a template to an existing page?

                                                      • 24. Re: Css, Html, and templates problem.
                                                        MurraySummers ACP/MVPs

                                                        Define your site properly. That will change the whole character of how DW forms your links.  You have not answered my most recent question. We cannot help you do this until you tell us what is the path shown in your site definition to your local root folder.

                                                        • 25. Re: Css, Html, and templates problem.
                                                          Duzeon Community Member

                                                          Where can I find the path? I've never encountered this problem so I don't know where to find it.

                                                          • 26. Re: Css, Html, and templates problem.
                                                            MurraySummers ACP/MVPs

                                                            Edit your site definition in Site Manager. Use Site > Manage Sites, select the site name and click the Edit (pencil) icon. The opening pane tells you the path to the local root folder.

                                                            • 27. Re: Css, Html, and templates problem.
                                                              Duzeon Community Member

                                                              C:\Users\[UserName]\Documents\Unnamed Site 2\

                                                              • 28. Re: Css, Html, and templates problem.
                                                                MurraySummers ACP/MVPs

                                                                If that is indeed the path to your local root folder, then the only time you would see that path appearing in your links would be on a freshly created page that has not yet been saved.  As soon as you save the page, DW will adjust the link to reflect where in your local site you saved the page. So - on a new, unsaved page, when you make a link to another file, you will see something like this -

                                                                 

                                                                <a href="file:///public/Web Sites/Testing3/annie.html">Link</a>

                                                                 

                                                                then when you save the page (in the root of the site), that becomes this -

                                                                 

                                                                <a href="annie.html">Link</a>

                                                                 

                                                                This will happen whether you are using a template or not. Is that what is troubling you?

                                                                • 29. Re: Css, Html, and templates problem.
                                                                  Duzeon Community Member

                                                                  Hmm, but that file has already been saved.

                                                                  After I apply the template on, the code says this: http://prntscr.com/xnq4a

                                                                  • 30. Re: Css, Html, and templates problem.
                                                                    MurraySummers ACP/MVPs

                                                                    There is still something wrong. Clearly the links to your js files are wrong, as is the link to your CSS.

                                                                     

                                                                    Try this - spawn a new child page from your template (FILE > New > Page From Template), save this page in your site, copy the code on the page and paste it here in a reply.

                                                                    • 31. Re: Css, Html, and templates problem.
                                                                      Duzeon Community Member

                                                                      <!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="../../Documents/Unnamed Site 2/Templates/NewestOther.dwt" codeOutsideHTMLIsLocked="false" -->

                                                                      <head>

                                                                      <!-- InstanceBeginEditable name="doctitle" -->

                                                                      <title>Home - PCreedHelp Website - All for your needs!</title>

                                                                      <!-- InstanceEndEditable -->

                                                                      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

                                                                      <meta name="description" content="" />

                                                                      <meta name="keywords" content="" />

                                                                          <link rel="stylesheet" type="text/css" href="../../Documents/Unnamed Site 2/css/style.css" />

                                                                      <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>

                                                                      <script type="text/javascript" src="../../Documents/Unnamed Site 2/js/jquery-1.3.2.min.js"></script>

                                                                      <script type="text/javascript" src="../../Documents/Unnamed Site 2/js/jquery.easing.1.3.js"></script>

                                                                      <script type="text/javascript" src="../../Documents/Unnamed Site 2/js/jquery.coda-slider-2.0.js"></script>

                                                                      <script type="text/javascript" src="../../Documents/Unnamed Site 2/js/script.js"></script>

                                                                      <script type="text/javascript" src="../../Documents/Unnamed Site 2/js/superfish.js"></script>

                                                                      <script type="text/javascript" src="../../Documents/Unnamed Site 2/js/leaguegothic.font.js"></script>

                                                                      <!-- InstanceBeginEditable name="head" -->

                                                                      <!-- InstanceEndEditable -->

                                                                      </head>

                                                                      <body>

                                                                       

                                                                       

                                                                      <div id="headercont" class="clearfix">

                                                                                <div id="header">

                                                                                    <div id="headerlogo">

                                                                              <center>

                                                                                        <h1><a title="" href="">PCreedHelp </a></h1>

                                                                                </center>

                                                                              </div>

                                                                       

                                                                             <div id="headermenu">

                                                                                  <ul class="sf-menu dropdown">

                                                                                      <li><a title="" href="">Home</a></li>

                                                                                      <li><a class="has_submenu" title="" href="/offguides/">Official Guides</a>

                                                                                          <ul>

                                                                                              <li><a title="" href="/mapguide/">Map Guide</a></li>

                                                                                              <li><a title="" href="/staffinfo/">Staff Info</a></li>

                                                                                              <li><a title="" href="/gamescorner/">Games Corner</a></li>

                                                                                              <li><a title="" href="/abbreviations/">Abbreviations</a></li>

                                                                                          </ul>

                                                                                      </li>       

                                                                                  <li><a class="has_submenu" title="" href="/playerguides/">Player Guides</a>

                                                                                          <ul>

                                                                                              <li><a title="" href="/guide1/">Coins Guide</a></li>

                                                                                              <li><a title="" href="/guide2/">Training Guide</a></li>

                                                                                              <li><a title="" href="/guide3/">Account Security</a></li>

                                                                                              <li><a title="" href="/playerguides/">More</a></li>

                                                                                          </ul>

                                                                                    </li>       

                                                                                    <li><a title="" href="/contact/">Contact</a></li>

                                                                       

                                                                       

                                                                                </ul>

                                                                              </div>

                                                                          </div>

                                                                      </div>

                                                                       

                                                                       

                                                                      <div id="gallerycont" class="clearfix">

                                                                          <div class="coda-slider preload" id="gallery">

                                                                              <div class="panel">

                                                                                  <div class="panel-wrapper">

                                                                                  <div class="panelleft">

                                                                                     <h3>Hello</h3>

                                                                                     </div>

                                                                                      <div class="panelright">

                                                                                          <img alt="" src="../../Documents/Unnamed Site 2/images/CursedGolett.png" />

                                                                                          </div>

                                                                       

                                                                                  </div>

                                                                              </div>

                                                                              <div class="panel">

                                                                                  <div class="panel-wrapper">

                                                                                      <div class="panelleft">

                                                                                          <h3>More Information</h3>

                                                                                          <p>If you see anything wrong, errors, or mistakes please email me here or you can visit the forums, register, and post!</p>             </div>

                                                                                      <div class="panelright">

                                                                                          <img alt="" src="../../Documents/Unnamed Site 2/images/gallery-image.jpg" />

                                                                                      </div>

                                                                                  </div>

                                                                              </div>

                                                                              <div class="panel">

                                                                                  <div class="panel-wrapper">

                                                                                      <div class="panelleft">

                                                                                          <h3>Updated Daily!</h3>

                                                                                          <p>As this website is still new, I will be updating every day. So be sure to be keep checking this website out. I mainly do a guide per day, or more depending on what the guide is. As some may be shorter, but some may take ages to write. But so far, I have a few guides to keep the mood going.</p>

                                                                                          <p>Current Updates for Today:

                                                                      Done:

                                                                       

                                                                       

                                                                      Edited Coins Guide

                                                                       

                                                                       

                                                                      Improved quality of guides

                                                                       

                                                                       

                                                                      [Updated on [6/03/13]

                                                                       

                                                                       

                                                                      To do:</p>

                                                                                      </div>

                                                                                      <div class="panelright">

                                                                                          <img alt="" src="../../Documents/Unnamed Site 2/images/gallery-image.jpg" />

                                                                                      </div>

                                                                                  </div>

                                                                              </div>

                                                                          </div>

                                                                      </div>

                                                                       

                                                                           <div id="maincont" class="clearfix">

                                                                                    <div id="mainleft">

                                                                                        <h3>Player Created Guides</h3>

                                                                                  <p>All these are guides created by Pokemon Creed Members.                                                                             Feel free to suggest some by contacting me or posting on the forums.</p>

                                                                                  <ul class="sidemenu">

                                                                                      <li><a title="" href="">Coins Guide</a></li>

                                                                                      <li><a title="" href="">Training Guide</a></li>

                                                                                      <li><a title="" href="">Account Security</a></li>

                                                                                      <li><a title="" href="#">Coming Soon!</a></li>

                                                                                  </ul>

                                                                                  <p>How is your day today?</p>

                                                                              </div>

                                                                                    <div id="mainright"><!-- InstanceBeginEditable name="InfoContent" -->

                                                                                      <h1>PCreedHelp Site</h1>

                                                                                <p>Welcome to the site, information will be put up soon.</p>

                                                                                <ul>

                                                                                  <li>This is an unordered list - Item 1</li>

                                                                                  <li>This is an unordered list - Item 2</li>

                                                                                  <li>This is an unordered list - Item 3</li>

                                                                                  <li>This is an unordered list - Item 4</li>

                                                                                </ul>

                                                                                <h2>Have Fun</h2>

                                                                                <p>Fun is good.</p>

                                                                                <ol>

                                                                                  <li>This is an ordered list - Item 1</li>

                                                                                  <li>This is an ordered list - Item 2</li>

                                                                                  <li>This is an ordered list - Item 3</li>

                                                                                  <li>This is an ordered list - Item 4</li>

                                                                                </ol>

                                                                                <p>How cool is this site?</p>

                                                                                <blockquote>I say hi.</blockquote>

                                                                                    <!-- InstanceEndEditable --></div>

                                                                          </div>

                                                                       

                                                                       

                                                                       

                                                                      <div id="footercont" class="clearfix">

                                                                          <center>

                                                                          <a href="#">[Back To Top]</a><br>

                                                                       

                                                                                     <a href="">[Home]</a> | <a href="/donate/">[Donate]</a>  | <a href="/contact/">[Contact Me]</a>

                                                                                    <p>Copyright © 2013 PCreedHelp Website</p>

                                                                            </center>

                                                                          </div>

                                                                       

                                                                          <div id="adverts">

                                                                          <center>

                                                                          <script type="text/javascript" src="http://ap.lijit.com/www/delivery/fpi.js?z=196124&u=jd3101&width=728&he ight=90"></script>

                                                                          </center>

                                                                          </div>

                                                                       

                                                                       

                                                                      </body>

                                                                      <!-- InstanceEnd --></html>

                                                                       

                                                                      That's code when I created a new page from the template and saved it.

                                                                       

                                                                      Link when uploaded: http://pcreedhelp.com/testy/

                                                                       

                                                                      Doesn't seem to work since it still includes the "Documents" thing at the start of my links.

                                                                      • 32. Re: Css, Html, and templates problem.
                                                                        MurraySummers ACP/MVPs

                                                                        Something you are doing has confused DW (and me).

                                                                         

                                                                        Can you post a screen shot of a) your Site panel from your site definition, and b) the local file list from your Files panel?

                                                                        • 33. Re: Css, Html, and templates problem.
                                                                          Duzeon Community Member

                                                                          http://prntscr.com/xo04s

                                                                          http://prntscr.com/xo080

                                                                           

                                                                          I think that's what you meant :s.

                                                                           

                                                                          Also, would the problem be in: http://prntscr.com/xo0mm ?

                                                                          • 34. Re: Css, Html, and templates problem.
                                                                            MurraySummers ACP/MVPs

                                                                            None of the linked files are within that local site! The Files panel that you show has nothing in it but the Templates folder and the template files. So, all of your links are pointing to files OUTSIDE of the current site.

                                                                             

                                                                            The local folder of your current site must contain ALL of the files that are part of your current site.

                                                                             

                                                                            No, the problem would not be in the SERVERS category.

                                                                            • 35. Re: Css, Html, and templates problem.
                                                                              Duzeon Community Member

                                                                              So how do I move them in? It's just been the templates in that file panel all this time, and I'd just had to save the files in a random folder on my desktop and it's been working.

                                                                              • 36. Re: Css, Html, and templates problem.
                                                                                MurraySummers ACP/MVPs

                                                                                That will never work. Use Expolorer/Finder to move the files into the current site. Do not place anything in the Templates folder other than the templates themselves. Open a template, and remake *all* of the links by browsing to the target file that has been moved into your site. Save the template. Dreamweaver will now understand how to make your links properly and will update the child pages that you have moved into your site accordingly.

                                                                                • 37. Re: Css, Html, and templates problem.
                                                                                  Duzeon Community Member

                                                                                  Can I just make a new folder inside the site on the panel and drag everything in?

                                                                                  And keep the templates folder separate?

                                                                                  • 38. Re: Css, Html, and templates problem.
                                                                                    MurraySummers ACP/MVPs

                                                                                    Your site hierarchy should be this -

                                                                                     

                                                                                    ROOT FOLDER (this must be the same as is configured in the site definition)

                                                                                         - Templates (a folder containing template files)

                                                                                         - All the rest of the files. They can be in folders or not - your call. BUT the site's home page must be in the site at this level so that when you upload it, it stays at this level.

                                                                                    • 39. Re: Css, Html, and templates problem.
                                                                                      Duzeon Community Member

                                                                                      Yep, I've just dragged in all the files I have in this random folder into that file panel.

                                                                                       

                                                                                      I've created a new folder in there named "Pages" which include all the pages there.

                                                                                       

                                                                                      http://prntscr.com/xo9tp

                                                                                       

                                                                                      I was wondering how I can change the location of the site? Like if I could put it in my desktop. Can I just drag it there?

                                                                                      1 2 Previous Next