Highlighted

Navigation Isn't working

Community Beginner ,
Apr 26, 2019

Copy link to clipboard

Copied

Thank you in Advance!!

I have setup pages, linked the template to those pages by clicking on the "compass."

link to page.PNG

I have done this for every page (like I have in the past).

HOWEVER, this time it is not working. Can someone please help me?

Here is my code:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

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

<title>Twisted Flow Show Supply</title>

<!-- TemplateEndEditable -->

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

<!-- TemplateEndEditable -->

<style> 

.menu td { 

    text-align: center; 

    padding: 0 15px; 

.menu a { 

    color: yellow; 

    text-decoration: none; 

.menu a:hover { 

    color: white; 

    text-decoration: underline; 

.menu a.active { 

    color: red; 

</style> 

<style type="text/css">

body {

background-image: url(../Images/flame-background.jpg);

}

</style>

<link href="../CSS/TFFS layout2.css" rel="stylesheet" type="text/css">

</head>

<body>

<div class="container">

<div class="logo">

  <div align="center"><img src="../Images/website logo.JPG" width="351" height="214" alt="TWSS website logog"></div>

      <div class="sang">

        <div align="center">Be Original</div>

        <div class="navigation"><table width="100%" border="2">

  <tr>

    <td><div align="center"><a href="../index.html">Home</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/products.html">Products</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/awards.html">Awards</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/combs.html">Combs</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/blow dryers.html">Blow Dryers</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/powder coating.html">Powder Coating</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/contact.html">Contact</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/shop.html">Shop</a></div></td>

   

  </tr>

</table></div>

        <p align="center"><img src="../Images/american flag.jpg" alt="American Flag" width="138" height="82" align="middle"></p>

        <p align="center">Our products are proudly made in America <br>

          All raw materials are purchased locally or through US companies <br>

          Motors are purchased from a US company

        </p>

        <div class="information">

          <div align="right">

      <hr width="1000" size="2" noshade>

    <p>

      </p>

  </div>

      <div class="content"><!-- TemplateBeginEditable name="ContentArea" --><!-- TemplateEndEditable --></div>

  </div>

      <div class="footer">

        <hr width="1000" size="2" noshade>

        <h2><a href="https://www.facebook.com/twistedflowshowsupply"><img src="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/Images/Facebook Link.jpg" width="176" height="52" alt="Facebook Link" longdesc="https://www.facebook.com/twistedflowshowsupply"></a> <em>more photos of products are available on Facebook</em>!</h2>

        <p>Copyrighted 2019. All rights reserved.</p>

        <p>Website designed and managed by Janelle Sack.</p>

        <p>Patent Information:<BR>

Blow Dryer: 8,631,767<BR>

Combs: D704,905 and other patents pending</p>

        <p>Policies and Notifications<br>

          Twisted Flow is no responsible for fires caused by altering the design of the dryer or the hoses.<br>

          Not responsible for damages caused by the 1.5&quot;

        end whip being longer than 6'        </p>

      </div>

    </div>

  </div>

</div>

</div>

<p> </p>

</body>

</html>

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Please explain what is not working.

Are you receiving error messages?

As a test, go to File > New > Site Templates.  Pick a site & template.dwt.  Hit Create button.  See screenshot.

Be sure to check the box that says Update page when Template changes.
Save & name your newly created child page.
Did it work?

Views

189

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Navigation Isn't working

Community Beginner ,
Apr 26, 2019

Copy link to clipboard

Copied

Thank you in Advance!!

I have setup pages, linked the template to those pages by clicking on the "compass."

link to page.PNG

I have done this for every page (like I have in the past).

HOWEVER, this time it is not working. Can someone please help me?

Here is my code:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

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

<title>Twisted Flow Show Supply</title>

<!-- TemplateEndEditable -->

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

<!-- TemplateEndEditable -->

<style> 

.menu td { 

    text-align: center; 

    padding: 0 15px; 

.menu a { 

    color: yellow; 

    text-decoration: none; 

.menu a:hover { 

    color: white; 

    text-decoration: underline; 

.menu a.active { 

    color: red; 

</style> 

<style type="text/css">

body {

background-image: url(../Images/flame-background.jpg);

}

</style>

<link href="../CSS/TFFS layout2.css" rel="stylesheet" type="text/css">

</head>

<body>

<div class="container">

<div class="logo">

  <div align="center"><img src="../Images/website logo.JPG" width="351" height="214" alt="TWSS website logog"></div>

      <div class="sang">

        <div align="center">Be Original</div>

        <div class="navigation"><table width="100%" border="2">

  <tr>

    <td><div align="center"><a href="../index.html">Home</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/products.html">Products</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/awards.html">Awards</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/combs.html">Combs</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/blow dryers.html">Blow Dryers</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/powder coating.html">Powder Coating</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/contact.html">Contact</a></div></td>

    <td><div align="center"><a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/shop.html">Shop</a></div></td>

   

  </tr>

</table></div>

        <p align="center"><img src="../Images/american flag.jpg" alt="American Flag" width="138" height="82" align="middle"></p>

        <p align="center">Our products are proudly made in America <br>

          All raw materials are purchased locally or through US companies <br>

          Motors are purchased from a US company

        </p>

        <div class="information">

          <div align="right">

      <hr width="1000" size="2" noshade>

    <p>

      </p>

  </div>

      <div class="content"><!-- TemplateBeginEditable name="ContentArea" --><!-- TemplateEndEditable --></div>

  </div>

      <div class="footer">

        <hr width="1000" size="2" noshade>

        <h2><a href="https://www.facebook.com/twistedflowshowsupply"><img src="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/Images/Facebook Link.jpg" width="176" height="52" alt="Facebook Link" longdesc="https://www.facebook.com/twistedflowshowsupply"></a> <em>more photos of products are available on Facebook</em>!</h2>

        <p>Copyrighted 2019. All rights reserved.</p>

        <p>Website designed and managed by Janelle Sack.</p>

        <p>Patent Information:<BR>

Blow Dryer: 8,631,767<BR>

Combs: D704,905 and other patents pending</p>

        <p>Policies and Notifications<br>

          Twisted Flow is no responsible for fires caused by altering the design of the dryer or the hoses.<br>

          Not responsible for damages caused by the 1.5&quot;

        end whip being longer than 6'        </p>

      </div>

    </div>

  </div>

</div>

</div>

<p> </p>

</body>

</html>

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Please explain what is not working.

Are you receiving error messages?

As a test, go to File > New > Site Templates.  Pick a site & template.dwt.  Hit Create button.  See screenshot.

Be sure to check the box that says Update page when Template changes.
Save & name your newly created child page.
Did it work?

Views

190

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 26, 2019 1
Adobe Community Professional ,
Apr 26, 2019

Copy link to clipboard

Copied

  • did you define a website
  • did you save that file , or is it still unsaved ?

what seams curious and should be corrected any way... (not related to your question)

  • your folders names use white space Web Sites/Twisted Flow Show Supply TFSS
    you shouldn't and opt for renaming your folders
    Web_Sites and Twisted_Flow_Show_Supply_TFSS
  • idem for your image name
    Facebook Link.jpg
    should be Facebook_Link.jpg or FacebookLink.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 26, 2019 1
Community Beginner ,
Apr 29, 2019

Copy link to clipboard

Copied

What if I just rename the folder to TFSS instead of adding the _?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Community Beginner ,
Apr 26, 2019

Copy link to clipboard

Copied

Yes I believe this is correct

Site Info.PNG

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 26, 2019 0
Adobe Community Professional ,
Apr 26, 2019

Copy link to clipboard

Copied

Please explain what is not working.

Are you receiving error messages?

As a test, go to File > New > Site Templates.  Pick a site & template.dwt.  Hit Create button.  See screenshot.

Be sure to check the box that says Update page when Template changes.
Save & name your newly created child page.
Did it work?
Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 26, 2019 1
Community Beginner ,
Apr 29, 2019

Copy link to clipboard

Copied

When you go to my actual website, www.twistedflow.com, the navigation will not do anything once clicked. I cannot change pages or anything.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Adobe Community Professional ,
Apr 29, 2019

Copy link to clipboard

Copied

  1. Your navigation is broken because the links in your site's Templates/TFSS.dwt are pointing to files on your local computer.  They will remain broken until you remove the code shown below in red.  
    <a href="file:///C|/Users/Owner/Desktop/Web Sites/Twisted Flow Show Supply TFSS/products.html">Products</a>
  2. Repeat with other links. 
  3. Save template.
  4. Populate changes to child pages.
  5. Upload all child pages to your server.
Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Adobe Community Professional ,
Apr 30, 2019

Copy link to clipboard

Copied

As Nancy says links are pointing to local files on your computer, as Dreamweaver template files are in a sub folder the links in your template file should be changed like the example below (assuming all the pages are in your root folder), save the template and update all pages linked to it:

<table width="100%" border="2">

  <tr>

    <td><div align="center"><a href="../index.html">Home</a></div></td>

    <td><div align="center"><a href="../products.html">Products</a></div></td>

    <td><div align="center"><a href="../awards.html">Awards</a></div></td>

    <td><div align="center"><a href="../combs.html">Combs</a></div></td>

    <td><div align="center"><a href="../blow dryers.html">Blow Dryers</a></div></td>

    <td><div align="center"><a href="../powder coating.html">Powder Coating</a></div></td>

    <td><div align="center"><a href="../contact.html">Contact</a></div></td>

    <td><div align="center"><a href="../shop.html">Shop</a></div></td>

   

  </tr>

</table>

You should only really be using tables for data these days, but thats a different issue ...

Paul-M, ACP

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2019 1
Community Beginner ,
Apr 30, 2019

Copy link to clipboard

Copied

Here is the file setup when I look up the web files on my computer

Website Problem.PNG

When I click on the

Website Problem2.PNG

And select which file I want

Website Problem3.PNG

That's the files DW sets up. I know it's doing what I'm telling it too, but HOW do I fix this?

Thank you!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2019 0
Adobe Community Professional ,
Apr 30, 2019

Copy link to clipboard

Copied

You have a lot of code errors in your markup, some of them are critical.  DW does not like code errors.  You should fix those first.

Showing results for http://www.twistedflow.com/ - Nu Html Checker

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2019 0
Community Beginner ,
Apr 30, 2019

Copy link to clipboard

Copied

Thank you! I will look these over and try to get them fixed.

It's been awhile since I had to build a website (my computer crashed and as I tried to update my website I had these problems).

Thank you Nancy!!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2019 0
Community Beginner ,
Apr 30, 2019

Copy link to clipboard

Copied

Can I ask you some other rookie questions as well?

I have three files attached to my template:

Template files.PNG

Which file(s) should the following code be inserted in (if any of these)?

Code.PNG

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2019 0
Adobe Community Professional ,
Apr 30, 2019

Copy link to clipboard

Copied

Site wide CSS code normally goes inside an external CSS file to which your main HTML documents are linked.   Currently, you have 2 external stylesheets -- TFFS layout2.css and stylesheet.css.

The code in your screenshot is wrapped with <style> tags which means it's embedded directly into your main document.  It's OK to leave it there but  probably makes more sense to move  into your external stylesheet.   If you ever change link colors later, it's much easier to edit 1 file instead of many. 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2019 1
Community Beginner ,
May 01, 2019

Copy link to clipboard

Copied

TFSS stylesheet code

@charset "utf-8";

@import url("../webfonts/MV_Boli/stylesheet.css");

.container {

font-family: Tahoma, Geneva, sans-serif;

font-size: 14pt;

background-image: url(../Images/flame-background.jpg)

margin-right: auto

margin-left: auto;

}

.sang {

font-family: "MV Boli";

font-size: 24pt;

color: #FFF;

}

.navigation {

font-family: Tahoma, Geneva, sans-serif;

font-size: 16px;

color: #FF0;

padding-left: 90px;

padding-right: 80px;

}

.america {

width: 300px;

font-size: 12pt;

font-family: Tahoma, Geneva, sans-serif;

}

.information {

font-size: 12pt;

}

.content {

font-size: 14pt;

font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

padding-left: 90px;

padding-right: 90px;

}

.footer {

font-size: 9pt;

font-family:Verdana, Geneva, sans-serif;

}

stylesheet code:

@font-face {

font-family: 'MV Boli';

src: url('mvboli.ttf') format('truetype');

}

HOW can I combine these two?

AND where would the source code's code need to go in the TFSS stylesheet?

Thank you!!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 01, 2019 0
Adobe Community Professional ,
May 01, 2019

Copy link to clipboard

Copied

If you have to ask that question, you should review code fundamentals.

HTML Tutorial

CSS Tutorial

HINT:  Cut  & paste your .menu styles below .container styles.  Delete the <style> tags from your HTML document.  Save both documents.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 01, 2019 0
jgoetz03 LATEST
Community Beginner ,
May 01, 2019

Copy link to clipboard

Copied

Thank you!

It's been years since I've done this....

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 01, 2019 0