ok, I have started fresh with a blank template and gotten rid of all the extra code.
I have:
1)Inserted the slideshow into a table. I did this by cut and paste in the visual editor. Not sure how to code it.
2)Changed positioning to "relative." This just made the slideshow disappear alltogether.
3)Removed the positioning from the embed tag
The slideshow will still not show up in the table in Firefox
Please check out the link here
http://www.eastsideyogaandfitness.com/Gallery444.html
and tell me what to try next
Thanks for all the help. This newby is determined to figure it out!
Alan
Alan Bondy
Registered User
24 posts
Cary
Ambassador
1,075 posts
You always want to make sure you page validates if things don't look right. Here's a validating version of your page's code. Some of the corrected code is part of the template, so you can use this as a guide in correcting the template code itself.
I replaced the slideshow object code with validating code and removed all styling from it.
I replaced the slideshow object code with validating code and removed all styling from it.
<!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/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Eastside Yoga Windsor On, Gallery</title>
<meta name="description" content="Eastside Yoga, Windsor On" />
<meta name="keywords" content="yoga Windsor" />
<meta name="robots" content="INDEX, FOLLOW" />
<meta name="copyright" content="Copyright First Page Fitness, LLC - 2007" />
<meta name="author" content="First Page Fitness marketing group, LLC" />
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
</head>
<body>
<div id="container">
<div id="columnContainer" class="clearfix">
<div id="columnContainerTop" class="clearfix">
<div id="content" style="WIDTH: 571px; HEIGHT: 698px"><!-- InstanceBeginEditable name="content" -->
<h1>Gallery</h1>
<h2></h2>
<p>Please enjoy the slideshow. Looking forward to seeing you in class</p>
<table width="466" border="1" style="height:600px; Z-INDEX: 101; LEFT: 246px; POSITION: absolute; TOP: 461px">
<tr style="height:310px">
<!-- Row 1 -->
<td align="center" valign="top">
<div style="padding-top:12px;">
<object id="CoffeeCup" type="application/x-shockwave-flash" data="myalbum.swf" width="431" height="445">
<param name="movie" value="myalbum.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
Get <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a> to view slideshow.
</object>
</div>
</td>
<!-- Col 1 -->
</tr>
</table>
<!-- InstanceEndEditable --></div>
<div id="sideNav" style="Z-INDEX: 100; LEFT: 757px; WIDTH: 214px; POSITION: absolute; TOP: 388px; HEIGHT: 325px">
<div align="center"><strong></strong></div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html"></a></li>
<li><a href="insidepage.html"></a></li>
<li><a href="insidepage.html"></a></li>
<li><a href="yoga-sites.html"></a></li>
</ul>
</div>
</div>
<div id="footer">
<hr />
<p>Yoga Theme Navigation: <a href="index.html">Home</a> :: <a href="sitemap.html"></a> :: <a href="insidepage.html"></a> :: <a href="about-us.html"></a> :: <a href="yoga-sites.html"></a> </p>
<p><!-- InstanceBeginEditable name="additional-footer" --><!-- InstanceEndEditable --></p>
</div>
</div>
<div id="header"></div>
</div>
</body>
<!-- InstanceEnd -->
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Eastside Yoga Windsor On, Gallery</title>
<meta name="description" content="Eastside Yoga, Windsor On" />
<meta name="keywords" content="yoga Windsor" />
<meta name="robots" content="INDEX, FOLLOW" />
<meta name="copyright" content="Copyright First Page Fitness, LLC - 2007" />
<meta name="author" content="First Page Fitness marketing group, LLC" />
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
</head>
<body>
<div id="container">
<div id="columnContainer" class="clearfix">
<div id="columnContainerTop" class="clearfix">
<div id="content" style="WIDTH: 571px; HEIGHT: 698px"><!-- InstanceBeginEditable name="content" -->
<h1>Gallery</h1>
<h2></h2>
<p>Please enjoy the slideshow. Looking forward to seeing you in class</p>
<table width="466" border="1" style="height:600px; Z-INDEX: 101; LEFT: 246px; POSITION: absolute; TOP: 461px">
<tr style="height:310px">
<!-- Row 1 -->
<td align="center" valign="top">
<div style="padding-top:12px;">
<object id="CoffeeCup" type="application/x-shockwave-flash" data="myalbum.swf" width="431" height="445">
<param name="movie" value="myalbum.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
Get <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a> to view slideshow.
</object>
</div>
</td>
<!-- Col 1 -->
</tr>
</table>
<!-- InstanceEndEditable --></div>
<div id="sideNav" style="Z-INDEX: 100; LEFT: 757px; WIDTH: 214px; POSITION: absolute; TOP: 388px; HEIGHT: 325px">
<div align="center"><strong></strong></div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html"></a></li>
<li><a href="insidepage.html"></a></li>
<li><a href="insidepage.html"></a></li>
<li><a href="yoga-sites.html"></a></li>
</ul>
</div>
</div>
<div id="footer">
<hr />
<p>Yoga Theme Navigation: <a href="index.html">Home</a> :: <a href="sitemap.html"></a> :: <a href="insidepage.html"></a> :: <a href="about-us.html"></a> :: <a href="yoga-sites.html"></a> </p>
<p><!-- InstanceBeginEditable name="additional-footer" --><!-- InstanceEndEditable --></p>
</div>
</div>
<div id="header"></div>
</div>
</body>
<!-- InstanceEnd -->
</html>
Alan Bondy
Registered User
24 posts
Thanks Cary
That solved my problem my slideshow problem.
But now in Firefox my template is messed up. My footer is at the top.
Any ideas?
Thanks again for all your help
Alan
That solved my problem my slideshow problem.
But now in Firefox my template is messed up. My footer is at the top.
Any ideas?
Thanks again for all your help
Alan
Cary
Ambassador
1,075 posts
Yep, you have to watch out for mismatched opening and closing tags. In this case one of your divs was closed early and another was left open.
<!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/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Eastside Yoga Windsor On, Gallery</title>
<meta name="description" content="Eastside Yoga, Windsor On" />
<meta name="keywords" content="yoga Windsor" />
<meta name="robots" content="INDEX, FOLLOW" />
<meta name="copyright" content="Copyright First Page Fitness, LLC - 2007" />
<meta name="author" content="First Page Fitness marketing group, LLC" />
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
</head>
<body>
<div id="container">
<div id="columnContainer" class="clearfix">
<div id="columnContainerTop" class="clearfix">
<div id="content" style="WIDTH: 571px; HEIGHT: 698px"><!-- InstanceBeginEditable name="content" -->
<h1>Gallery</h1>
<h2></h2>
<p>Please enjoy the slideshow. Looking forward to seeing you in class</p>
<p></p>
<!-- InstanceEndEditable -->
<table width="466" border="1" style="height:600px; Z-INDEX: 101; LEFT: 246px; POSITION: absolute; TOP: 461px">
<tr style="height:310px">
<!-- Row 1 -->
<td align="center" valign="top">
<div style="padding-top:12px;">
<object id="CoffeeCup" type="application/x-shockwave-flash" data="myalbum.swf" width="431" height="445">
<param name="movie" value="myalbum.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
Get <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a> to view slideshow.
</object>
</div>
</td>
<!-- Col 1 -->
</tr>
</table>
</div>
</div>
<div id="footer">
<hr />
<p>Yoga Theme Navigation: <a href="index.html">Home</a> :: <a href="sitemap.html"></a> :: <a href="insidepage.html"></a> :: <a href="about-us.html"></a> :: <a href="yoga-sites.html"></a> </p>
<p><!-- InstanceBeginEditable name="additional-footer" --><!-- InstanceEndEditable --></p>
</div>
</div>
<div id="header"></div>
</div>
</body>
<!-- InstanceEnd -->
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Eastside Yoga Windsor On, Gallery</title>
<meta name="description" content="Eastside Yoga, Windsor On" />
<meta name="keywords" content="yoga Windsor" />
<meta name="robots" content="INDEX, FOLLOW" />
<meta name="copyright" content="Copyright First Page Fitness, LLC - 2007" />
<meta name="author" content="First Page Fitness marketing group, LLC" />
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
</head>
<body>
<div id="container">
<div id="columnContainer" class="clearfix">
<div id="columnContainerTop" class="clearfix">
<div id="content" style="WIDTH: 571px; HEIGHT: 698px"><!-- InstanceBeginEditable name="content" -->
<h1>Gallery</h1>
<h2></h2>
<p>Please enjoy the slideshow. Looking forward to seeing you in class</p>
<p></p>
<!-- InstanceEndEditable -->
<table width="466" border="1" style="height:600px; Z-INDEX: 101; LEFT: 246px; POSITION: absolute; TOP: 461px">
<tr style="height:310px">
<!-- Row 1 -->
<td align="center" valign="top">
<div style="padding-top:12px;">
<object id="CoffeeCup" type="application/x-shockwave-flash" data="myalbum.swf" width="431" height="445">
<param name="movie" value="myalbum.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
Get <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a> to view slideshow.
</object>
</div>
</td>
<!-- Col 1 -->
</tr>
</table>
</div>
</div>
<div id="footer">
<hr />
<p>Yoga Theme Navigation: <a href="index.html">Home</a> :: <a href="sitemap.html"></a> :: <a href="insidepage.html"></a> :: <a href="about-us.html"></a> :: <a href="yoga-sites.html"></a> </p>
<p><!-- InstanceBeginEditable name="additional-footer" --><!-- InstanceEndEditable --></p>
</div>
</div>
<div id="header"></div>
</div>
</body>
<!-- InstanceEnd -->
</html>
Alan Bondy
Registered User
24 posts
Thank you, thank you, Thank you, Thank you.
and did I mention Thank you!
So glad to have this straightened out
Alan
and did I mention Thank you!
So glad to have this straightened out
Alan
John Parr
Trial User
3 posts
i have tried changing the 'absolute' positioning to relative. i have removed the positioning information from the embed tag. It doesnt work, i guess i will have to hire a profesional to fix it
JWP
JWP
BillR
Ambassador
3,144 posts
clubJWP wrote:
i have tried changing the 'absolute' positioning to relative. i have removed the positioning information from the embed tag. It doesnt work, i guess i will have to hire a profesional to fix it
JWP
i have tried changing the 'absolute' positioning to relative. i have removed the positioning information from the embed tag. It doesnt work, i guess i will have to hire a profesional to fix it
JWP
JWP,
You might want to post a link to the page with the slide show and let some of the forum members look at the code. It is possible that someone will be able to offer a solution.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
