OK, I'm stuck. Navigation problem
something's afoul code can't seem find it....did site link check , ok. when click on upper button (home,about,purchase,etc), click on "dry rub" (the first "lower button"), other lower buttons not work. if click on second lower button, can navigate through other lower buttons, not 1st.
help appreciated!
html
<!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>welcome eb's brand of dry rubs, sauces, bastes, , boils</title>
<link href="ebsfoods.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
}
.style1 {
font-size: larger;
font-weight: bold;
}
.style2 {font-size: smaller}
#apdiv1 {
position:absolute;
width:80px;
height:29px;
z-index:1;
left: 308px;
top: 856px;
}
-->
</style>
<script type="text/javascript">
<!--
function mm_preloadimages() { //v3.0
var d=document; if(d.images){ if(!d.mm_p) d.mm_p=new array();
var i,j=d.mm_p.length,a=mm_preloadimages.arguments; for(i=0; i<a.length; i++)
if (a .indexof("#")!=0){ d.mm_p[j]=new image; d.mm_p[j++].src=a;}}
}
function mm_swapimgrestore() { //v3.0
var i,x,a=document.mm_sr; for(i=0;a&&i<a.length&&(x=a )&&x.osrc;i++) x.src=x.osrc;
}
function mm_findobj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexof("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=mm_findobj(n,d.layers .document);
if(!x && d.getelementbyid) x=d.getelementbyid(n); return x;
}
function mm_swapimage() { //v3.0
var i,j=0,x,a=mm_swapimage.arguments; document.mm_sr=new array; for(i=0;i<(a.length-2);i+=3)
if ((x=mm_findobj(a))!=null){document.mm_sr[j++]=x; if(!x.osrc) x.osrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="mm_preloadimages('topbuttons/homeover.png','topbuttons/aboutover.png','topbuttons /purchaseover.png','topbuttons/contactusover.png','topbuttons/photosover.png','labelbutton s/rubover.jpg','labelbuttons/luvsauceover.jpg','labelbuttons/luvbasteover.jpg','labelbutto ns/luvboilover.jpg','labelbuttons/wildgameover.jpg')">
<div id="wrapper">
<div id="toprule"></div></div>
<div id="leftrule"></div>
<div id="rightrule"></div>
<div id="topbanner"></div>
<div id="topmenu">
<div align="left"><a href="index.html"><img src="topbuttons/home.png" alt="home" width="125" height="29" border="0" id="image1" onmouseover="mm_swapimage('image1','','topbuttons/homeover.png',1)" onmouseout="mm_swapimgrestore()" /></a><a href="about.html"><img src="topbuttons/about.png" alt="about" width="122" height="29" border="0" id="image2" onmouseover="mm_swapimage('image2','','topbuttons/aboutover.png',1)" onmouseout="mm_swapimgrestore()" /></a><a href="purchase.html"><img src="topbuttons/purchase.png" alt="purchase" width="122" height="29" border="0" id="image3" onmouseover="mm_swapimage('image3','','topbuttons/purchaseover.png',1)" onmouseout="mm_swapimgrestore()" /></a><a href="contactus.html"><img src="topbuttons/contactus.png" alt="contact us" width="122" height="29" border="0" id="image4" onmouseover="mm_swapimage('image4','','topbuttons/contactusover.png',1)" onmouseout="mm_swapimgrestore()" /></a><a href="photos.html"><img src="topbuttons/photos.png" alt="photos" width="125" height="29" border="0" id="image5" onmouseover="mm_swapimage('image5','','topbuttons/photosover.png',1)" onmouseout="mm_swapimgrestore()" /></a></div>
</div>
<div id="lowermenu"><a href="dryrub.html"><img src="labelbuttons/rub.jpg" name="image6" width="96" height="63" border="0" id="image6" onmouseover="mm_swapimage('image6','','labelbuttons/rubover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a><a href="luvsauce.html"><img src="labelbuttons/luvsauce.jpg" width="96" height="63" border="0" id="image7" onmouseover="mm_swapimage('image7','','labelbuttons/luvsauceover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a><a href="luvbaste.html"><img src="labelbuttons/luvbaste.jpg" width="96" height="63" border="0" id="image8" onmouseover="mm_swapimage('image8','','labelbuttons/luvbasteover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a><a href="luvboil.html"><img src="labelbuttons/luvboil.jpg" width="96" height="63" border="0" id="image9" onmouseover="mm_swapimage('image9','','labelbuttons/luvboilover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a><a href="wildgame.html"><img src="labelbuttons/wildgame.jpg" width="96" height="63" border="0" id="image10" onmouseover="mm_swapimage('image10','','labelbuttons/wildgameover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a></div>
<div id="images">
<div align="center"><img src="images/dryrubgrill.jpg" width="304" height="306" /></div>
</div>
<div id="content">
<div align="center">
<p><span class="style1">welcome home of<br />
e.b.'s brand<br />
<span class="style2">original dry rub marinade<br />
original luv sauce</span><br />
<span class="style2">original luv baste<br />
original luv boil<br />
original wild game marinade</span></span></p>
<p><span class="style1"><br />
<br />
</span></p>
</div>
</div>
<div id="footer">
<div align="center"><img src="images/hunters247.png" alt="hunters 24/7" width="149" height="70" /> <img src="images/hayslogo.png" alt="hays" width="95" height="70" /><img src="images/arkansasdeltalogo.png" width="119" height="70" /></div>
</div>
</body></div>
</body>
</html>
css
html,body {
margin-left: 0px;
margin-right: 0px;
background:url(images/containerbackground.jpg);
}
#wrapper {
font-family:georgia, times new roman, times, serif;
font-size: 14px;
font-style: normal;
line-height: normal;
color: #000000;
height:px;
width: 760px;
left:50%;
top:75px;
margin:0 auto 0 auto;
}
#toprule {
width: 725px;
height: 6px;
margin-left:15px;
background:#ff6600;
border:#000000;
border-style:solid;
border-size:1px;
}
#leftrule {
float:left;
margin-left:50px;
width: 6px;
height: 600px;
border:#000000;
border-style:solid;
border-size:1px;
background:none;
margin-top: 75px;
background:#ff6600;
}
#rightrule
{
float:right;
margin-right:50px;
width: 6px;height: 600px;
border:#000000;
border-style:solid;
border-size:1px;background:#ff6600;
margin-top:75px;
}
#topbanner
{
width: 684px;
height: 132px;
margin:0 auto;
margin-top:25px;
background:url(images/header.png);
}
#topmenu
{
width: 620px;
height: 29px;
margin:0 auto;
background:none;
}
#lowermenu
{
float:left;
width: 480px;
height: 63px;
margin-top:15px;
margin-left:180px;
border:#ff6600;
border-style:solid;
border-size:1px;
background:none;
}
#images
{
float:right;
width: 304px;
height: 306px;
margin-top:25px;
margin-right:95px;
border-style:solid;
border-size:1px;
border:#ff6600;
}
#content
{
float:left;
width:350px;
height:180px;
margin-left:90px;
margin-top:25px;
margin-bottom:5px;
background:url(images/contentback.jpg);
background-repeat:repeat;
border:#ff6600;
border-style:solid;
border-size:1px;
padding: 10px;
}
#footer
{
float:left;
width: 686px;
height: 73px;
margin:0 auto;
margin-left:90px;
margin-top:5px;
background:none;
}
help appreciated!
html
<!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>welcome eb's brand of dry rubs, sauces, bastes, , boils</title>
<link href="ebsfoods.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
}
.style1 {
font-size: larger;
font-weight: bold;
}
.style2 {font-size: smaller}
#apdiv1 {
position:absolute;
width:80px;
height:29px;
z-index:1;
left: 308px;
top: 856px;
}
-->
</style>
<script type="text/javascript">
<!--
function mm_preloadimages() { //v3.0
var d=document; if(d.images){ if(!d.mm_p) d.mm_p=new array();
var i,j=d.mm_p.length,a=mm_preloadimages.arguments; for(i=0; i<a.length; i++)
if (a .indexof("#")!=0){ d.mm_p[j]=new image; d.mm_p[j++].src=a;}}
}
function mm_swapimgrestore() { //v3.0
var i,x,a=document.mm_sr; for(i=0;a&&i<a.length&&(x=a )&&x.osrc;i++) x.src=x.osrc;
}
function mm_findobj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexof("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=mm_findobj(n,d.layers .document);
if(!x && d.getelementbyid) x=d.getelementbyid(n); return x;
}
function mm_swapimage() { //v3.0
var i,j=0,x,a=mm_swapimage.arguments; document.mm_sr=new array; for(i=0;i<(a.length-2);i+=3)
if ((x=mm_findobj(a))!=null){document.mm_sr[j++]=x; if(!x.osrc) x.osrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="mm_preloadimages('topbuttons/homeover.png','topbuttons/aboutover.png','topbuttons /purchaseover.png','topbuttons/contactusover.png','topbuttons/photosover.png','labelbutton s/rubover.jpg','labelbuttons/luvsauceover.jpg','labelbuttons/luvbasteover.jpg','labelbutto ns/luvboilover.jpg','labelbuttons/wildgameover.jpg')">
<div id="wrapper">
<div id="toprule"></div></div>
<div id="leftrule"></div>
<div id="rightrule"></div>
<div id="topbanner"></div>
<div id="topmenu">
<div align="left"><a href="index.html"><img src="topbuttons/home.png" alt="home" width="125" height="29" border="0" id="image1" onmouseover="mm_swapimage('image1','','topbuttons/homeover.png',1)" onmouseout="mm_swapimgrestore()" /></a><a href="about.html"><img src="topbuttons/about.png" alt="about" width="122" height="29" border="0" id="image2" onmouseover="mm_swapimage('image2','','topbuttons/aboutover.png',1)" onmouseout="mm_swapimgrestore()" /></a><a href="purchase.html"><img src="topbuttons/purchase.png" alt="purchase" width="122" height="29" border="0" id="image3" onmouseover="mm_swapimage('image3','','topbuttons/purchaseover.png',1)" onmouseout="mm_swapimgrestore()" /></a><a href="contactus.html"><img src="topbuttons/contactus.png" alt="contact us" width="122" height="29" border="0" id="image4" onmouseover="mm_swapimage('image4','','topbuttons/contactusover.png',1)" onmouseout="mm_swapimgrestore()" /></a><a href="photos.html"><img src="topbuttons/photos.png" alt="photos" width="125" height="29" border="0" id="image5" onmouseover="mm_swapimage('image5','','topbuttons/photosover.png',1)" onmouseout="mm_swapimgrestore()" /></a></div>
</div>
<div id="lowermenu"><a href="dryrub.html"><img src="labelbuttons/rub.jpg" name="image6" width="96" height="63" border="0" id="image6" onmouseover="mm_swapimage('image6','','labelbuttons/rubover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a><a href="luvsauce.html"><img src="labelbuttons/luvsauce.jpg" width="96" height="63" border="0" id="image7" onmouseover="mm_swapimage('image7','','labelbuttons/luvsauceover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a><a href="luvbaste.html"><img src="labelbuttons/luvbaste.jpg" width="96" height="63" border="0" id="image8" onmouseover="mm_swapimage('image8','','labelbuttons/luvbasteover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a><a href="luvboil.html"><img src="labelbuttons/luvboil.jpg" width="96" height="63" border="0" id="image9" onmouseover="mm_swapimage('image9','','labelbuttons/luvboilover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a><a href="wildgame.html"><img src="labelbuttons/wildgame.jpg" width="96" height="63" border="0" id="image10" onmouseover="mm_swapimage('image10','','labelbuttons/wildgameover.jpg',1)" onmouseout="mm_swapimgrestore()" /></a></div>
<div id="images">
<div align="center"><img src="images/dryrubgrill.jpg" width="304" height="306" /></div>
</div>
<div id="content">
<div align="center">
<p><span class="style1">welcome home of<br />
e.b.'s brand<br />
<span class="style2">original dry rub marinade<br />
original luv sauce</span><br />
<span class="style2">original luv baste<br />
original luv boil<br />
original wild game marinade</span></span></p>
<p><span class="style1"><br />
<br />
</span></p>
</div>
</div>
<div id="footer">
<div align="center"><img src="images/hunters247.png" alt="hunters 24/7" width="149" height="70" /> <img src="images/hayslogo.png" alt="hays" width="95" height="70" /><img src="images/arkansasdeltalogo.png" width="119" height="70" /></div>
</div>
</body></div>
</body>
</html>
css
html,body {
margin-left: 0px;
margin-right: 0px;
background:url(images/containerbackground.jpg);
}
#wrapper {
font-family:georgia, times new roman, times, serif;
font-size: 14px;
font-style: normal;
line-height: normal;
color: #000000;
height:px;
width: 760px;
left:50%;
top:75px;
margin:0 auto 0 auto;
}
#toprule {
width: 725px;
height: 6px;
margin-left:15px;
background:#ff6600;
border:#000000;
border-style:solid;
border-size:1px;
}
#leftrule {
float:left;
margin-left:50px;
width: 6px;
height: 600px;
border:#000000;
border-style:solid;
border-size:1px;
background:none;
margin-top: 75px;
background:#ff6600;
}
#rightrule
{
float:right;
margin-right:50px;
width: 6px;height: 600px;
border:#000000;
border-style:solid;
border-size:1px;background:#ff6600;
margin-top:75px;
}
#topbanner
{
width: 684px;
height: 132px;
margin:0 auto;
margin-top:25px;
background:url(images/header.png);
}
#topmenu
{
width: 620px;
height: 29px;
margin:0 auto;
background:none;
}
#lowermenu
{
float:left;
width: 480px;
height: 63px;
margin-top:15px;
margin-left:180px;
border:#ff6600;
border-style:solid;
border-size:1px;
background:none;
}
#images
{
float:right;
width: 304px;
height: 306px;
margin-top:25px;
margin-right:95px;
border-style:solid;
border-size:1px;
border:#ff6600;
}
#content
{
float:left;
width:350px;
height:180px;
margin-left:90px;
margin-top:25px;
margin-bottom:5px;
background:url(images/contentback.jpg);
background-repeat:repeat;
border:#ff6600;
border-style:solid;
border-size:1px;
padding: 10px;
}
#footer
{
float:left;
width: 686px;
height: 73px;
margin:0 auto;
margin-left:90px;
margin-top:5px;
background:none;
}
> when click on upper button
> (home,about,purchase,etc), click on "dry rub" (the first "lower button"),
> other lower buttons not work.
then different page , possibly has different paths in code.
best- please give url address uploaded pages.
--
alan
adobe community expert, dreamweaver
http://www.adobe.com/communities/experts/
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment