PagesThemselves Look OK After Removing Link, But WhenSecond Nav Bar is Used Formatting is Lost

#1 (**permalink**) 09-07-2008, 10:06 PM

I needed to remove a link in some of my web pages. I did this through the
template that spawned these web pages. The pages themselves preview fine, but
when I click on the remaining links in the secondary nav bar the linked pages
preview with no formatting. Here is the code to one of the pages:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HSITP 1-09</title>
<style type="text/css">

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

<link href="/css/browse-your-rides-layout.css" rel="stylesheet"
type="text/css" />
</head>

<body>
<div id="container">

<div id="top">
<p></p>

<p> </p

><p>Rocking Horse Video</p>
</div>

<div id="nav">

[BULLET]
[LI]<a href="/pages/index.html">Home</a></li>
[LI]<a href="/pages/pricing.html">Pricing</a></li>
[LI]<a href="/pages/SEHJ 8-08.html">Browse Your Rides</a></li>
[LI]<a href="/pages/To Order.html">To Order</a></li>
[LI]<a href="../templates/http://www.shop.rockinghorsevid eo.com">Shopping
Cart</a></li>
[/BULLET]

</div>




<div id="sidebar1"><p><img src="/images/Rocking Horse Video.jpg" width="100"
height="70" /></p>
<form action="" id="searchbox_005627817211808676435:y-r07_siuaw"
onsubmit="return false;">
<div>
<input type="text" name="q" size="10"/>
<input type="submit" value="Search"/>
</div>
</form>
<script type="text/javascript"
src="http://www.google.com/coop/cse/brand?form=sea rchbox_005627817211808676435%3
Ay-r07_siuaw&lang=en"></script>

<div id="results_005627817211808676435:y-r07_siuaw" style="display:none">
<div class="cse-closeResults">
<a>× Close</a>
</div>
<div class="cse-resultsContainer"></div>
</div>

<style type="text/css">
@import url(http://www.google.com/cse/api/overlay.css);
</style>

<script
src="http://www.google.com/uds/api?file=uds.js&v=1 .0&key=ABQIAAAAIFZFBnxXXjdtFAo
_JvIizRTfuKtoij-FddFfLAa6Xd1nFoh_VBR_ncG0jOuneYNmY-Dp8bUwDMyOaw&hl=en"
type="text/javascript"></script>
<script src="http://www.google.com/cse/api/overlay.js"
type="text/javascript"></script>
<script type="text/javascript">
function OnLoad() {
new CSEOverlay("005627817211808676435:y-r07_siuaw",

document.getElementById("searchbox_005627817211808 676435:y-r07_siuaw"),

document.getElementById("results_00562781721180867 6435:y-r07_siuaw"));
}
GSearch.setOnLoadCallback(OnLoad);
</script>

<p><a href="/pages/HSITP 9-08.html">HSITP 9-08</a></p>
<p><a href="/pages/HSITP 10-08.html">HSITP 10-08</a></p>
<p><a href="/pages/HSITP 11-08.html">HSITP 11-08</a></p>
<p><a href="/pages/Signature HSITP 11-08.html">?Signature? HSITP 11-08</a></p>
<p><a href="/pages/HSITP 1-09.html">HSITP 1-09</a></p>

</div>
<div id="main">

<h1 align="center"><img src="/images/Meredith and Charlie in the Buff.jpg"
width="250" height="188" /></h1>
<h1 align="center"> </h1>
<h1 align="center">Page Under Construction</h1>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
</div>

</div>

</body>
</html>

Any suggestions?

Kate

#2 (**permalink**) 09-07-2008, 10:06 PM

I forgot to mention that when I changed the pages the css pages did not show
that they needed to be re-saved. Could the problem lie in the CSS pages?

@charset "utf-8";
/* CSS Document */

#top {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-large;
color: #FFFF00;
text-decoration: none;
background-color: #006600;
height: 150px;
width: 780px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
text-align: center;
}
#nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #33FFCC;
text-decoration: none;
height: 40px;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #006600;
text-align: center;
list-style-type: none;
letter-spacing: normal;
word-spacing: normal;
display: list-item;
padding: 10px;
}
#nav a {
color: #CCFFCC;
}
#nav ul {
margin: 0px;
padding: 0px;
}
#nav li {
list-style-type: none;
display: inline;
margin-right: 10px;
margin-left: 10px;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
#container {
background-color: #CCFFCC;
height: 1500px;
width: 780px;
margin-right: auto;
margin-left: auto;
}
#nav a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #FFFFFF;
}
#top {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-large;
color: #FFFF00;
text-decoration: none;
background-color: #006600;
height: 150px;
width: 780px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
text-align: center;
}
#nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #33FFCC;
text-decoration: none;
height: 40px;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #006600;
text-align: center;
list-style-type: none;
letter-spacing: normal;
word-spacing: normal;
display: list-item;
padding: 10px;
}
#nav a {
color: #CCFFCC;
}
#nav ul {
margin: 0px;
padding: 0px;
}
#nav li {
list-style-type: none;
display: inline;
margin-right: 10px;
margin-left: 10px;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
#story {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
text-decoration: none;
background-color: #CCFFCC;
float: left;
height: 1000px;
width: 380px;
margin-top: 10px;
margin-right: 10px;
margin-left: 5px;
}
h1 {
font-size: 90%;
color: #006600;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color: #006600;
}
.style1 {
font-size: large;
color: #006600;
}
.style2 {color: #006600}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color: #006600;
}
#email {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-style: italic;
font-weight: bold;
font-variant: small-caps;
text-transform: none;
color: #006600;
text-decoration: none;
}

.image-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.image-right {
float: right;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 10px;
margin-right: 0px;
}
#story {
padding: 10px;
float: left;
width: 330px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
}
#sidebar {
background-color: #CCFFCC;
padding: 10px;
float: right;
width: 380px;
margin-top: 10px;
margin-right: 10px;
margin-left: 5px;
}
#sidebar a:hover {
color: #3333CC;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
}
.style3 {color: #CC0000}
#main container {
background-color: #FFFF99;
margin: 20px;
padding: 10px;
float: none;
height: auto;
width: 720px;
}

@charset "utf-8";
#sidebar1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
text-decoration: none;
background-color: #00CC99;
text-align: left;
padding: 10px;
float: left;
height: auto;
width: 100px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
}
#sidebar1 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #993300;
text-decoration: none;
}
#main container {
margin: 0px;
height: 2000px;
width: 715px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #CCFFCC;
}
#main h1 {
font-size: x-large;
color: #006600;
}

#sidebar1 ul {
margin: 0px;
padding: 0px;
}
#sidebar1 li {
list-style-type: none;
display: none;
margin-right: 10px;
margin-left: 10px;
}
#sidebar1 a:hover {
color: #FFFF00;
}
.sidebar-img {
margin: 5px;
float: none;
top: 10px;
}

#3 (**permalink**) 09-07-2008, 10:06 PM

You mean when you PREVIEW the pages?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"dreamer spiderwoman1" <webforumsuser@macromedia.com> wrote in message
news:ga1di9$nj3$1@forums.macromedia.com...
>I needed to remove a link in some of my web pages. I did this through the
> template that spawned these web pages. The pages themselves preview fine,
> but
> when I click on the remaining links in the secondary nav bar the linked
> pages
> preview with no formatting. Here is the code to one of the pages:
>
> <!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>
> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
> <title>HSITP 1-09</title>
> <style type="text/css">
> 
> </style>
> <link href="/css/layout.css" rel="stylesheet" type="text/css" />
>
> <link href="/css/browse-your-rides-layout.css" rel="stylesheet"
> type="text/css" />
> </head>
>
> <body>
> <div id="container">
>
> <div id="top">
> <p></p>
>
>
>
>
> <p> </p
>
>
> ><p>Rocking Horse Video</p>
> </div>
>
>
>
> <div id="nav">
>
>
>
>
>
> [BULLET]
> [LI]<a href="/pages/index.html">Home</a></li>
> [LI]<a href="/pages/pricing.html">Pricing</a></li>
> [LI]<a href="/pages/SEHJ 8-08.html">Browse Your Rides</a></li>
> [LI]<a href="/pages/To Order.html">To Order</a></li>
> [LI]<a
> href="../templates/http://www.shop.rockinghorsevid eo.com">Shopping
> Cart</a></li>
> [/BULLET]
> 
> </div>
>
>
> 
> 
>
>
>
>
>
> <div id="sidebar1"><p><img src="/images/Rocking Horse Video.jpg"
> width="100"
> height="70" /></p>
> <form action="" id="searchbox_005627817211808676435:y-r07_siuaw"
> onsubmit="return false;">
> <div>
> <input type="text" name="q" size="10"/>
> <input type="submit" value="Search"/>
> </div>
> </form>
> <script type="text/javascript"
> src="http://www.google.com/coop/cse/brand?form=sea rchbox_005627817211808676435%3
> Ay-r07_siuaw&lang=en"></script>
>
> <div id="results_005627817211808676435:y-r07_siuaw" style="display:none">
> <div class="cse-closeResults">
> <a>× Close</a>
> </div>
> <div class="cse-resultsContainer"></div>
> </div>
>
> <style type="text/css">
> @import url(http://www.google.com/cse/api/overlay.css);
> </style>
>
> <script
> src="http://www.google.com/uds/api?file=uds.js&v=1 .0&key=ABQIAAAAIFZFBnxXXjdtFAo
> _JvIizRTfuKtoij-FddFfLAa6Xd1nFoh_VBR_ncG0jOuneYNmY-Dp8bUwDMyOaw&hl=en"
> type="text/javascript"></script>
> <script src="http://www.google.com/cse/api/overlay.js"
> type="text/javascript"></script>
> <script type="text/javascript">
> function OnLoad() {
> new CSEOverlay("005627817211808676435:y-r07_siuaw",
>
> document.getElementById("searchbox_005627817211808 676435:y-r07_siuaw"),
>
> document.getElementById("results_00562781721180867 6435:y-r07_siuaw"));
> }
> GSearch.setOnLoadCallback(OnLoad);
> </script>
>
>
>
>
>
>
>
>
>
>
> <p><a href="/pages/HSITP 9-08.html">HSITP 9-08</a></p>
> <p><a href="/pages/HSITP 10-08.html">HSITP 10-08</a></p>
> <p><a href="/pages/HSITP 11-08.html">HSITP 11-08</a></p>
> <p><a href="/pages/Signature HSITP 11-08.html">?Signature? HSITP
> 11-08</a></p>
> <p><a href="/pages/HSITP 1-09.html">HSITP 1-09</a></p>
>
>
> </div>
> <div id="main">
>
>
>
>
> <h1 align="center"><img src="/images/Meredith and Charlie in the
> Buff.jpg"
> width="250" height="188" /></h1>
> <h1 align="center"> </h1>
> <h1 align="center">Page Under Construction</h1>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> <p align="center"> </p>
> </div>
> 
> </div>
> 
> </body>
> </html>
>
>
> Any suggestions?
>
> Kate
>

#4 (**permalink**) 09-07-2008, 10:06 PM

When I got brave enough to upload the pages, everything was fine.

Kate

#5 (**permalink**) 09-07-2008, 10:59 PM

Hey Murray,

I'm sure you realize that typing in caps is tantamount to shouting. Is that
necessary?

I was afraid to upload the pages that previewed funny, but when I did,
everything was fine.

Kate

#6 (**permalink**) 09-08-2008, 12:16 AM

Yeah. It was to make a distinction.

Never click away from a previewed page unless you understand fully the
difference between root relative and document relative links.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"dreamer spiderwoman1" <webforumsuser@macromedia.com> wrote in message
news:ga1g44$q2r$1@forums.macromedia.com...
> Hey Murray,
>
> I'm sure you realize that typing in caps is tantamount to shouting. Is
> that
> necessary?
>
> I was afraid to upload the pages that previewed funny, but when I did,
> everything was fine.
>
> Kate
>

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode