Navigation Isn't working

Report · Apr 26, 2019

Thank you in Advance!!

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

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>

<title>Twisted Flow Show Supply</title>

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

body {

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

}

</style>

</head>

<body>

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

<tr>

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

</tr>

</table></div>

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

<p>

</p>

</div>

</div>

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

end whip being longer than 6' </p>

</div>

</body>

</html>

Report · Apr 26, 2019

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

Report · Apr 29, 2019

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

Report · Apr 26, 2019

Yes I believe this is correct

Report · Apr 26, 2019

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Apr 29, 2019

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

Report · Apr 29, 2019

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>
Repeat with other links.
Save template.
Populate changes to child pages.
Upload all child pages to your server.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Apr 30, 2019

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 - Community Expert

Report · Apr 30, 2019

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

When I click on the

And select which file I want

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!

Report · Apr 30, 2019

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Apr 30, 2019

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

Report · Apr 30, 2019

Can I ask you some other rookie questions as well?

I have three files attached to my template:

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

Report · Apr 30, 2019

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · May 01, 2019

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

Report · May 01, 2019

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · May 01, 2019

Thank you!

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

Adobe Community

Navigation Isn't working

1 Correct answer