I simply wanted to change a bit of content on an older website and even changing some text causes the entire video to not display. I could understand if I was doing some major changes, but even the div is still in the proper position so I don’t know why it won’t display. Can anyone give any insight?
http://americanlockservice.com/
Thanks!
Hi satori83, welcome to the forums. 
The code for the video is a tad messed up. What changes did you make to the page? Can you undo those changes and get things back to the way they were?
I put in new title and description. Then when I tried to change the html content thats when the video disappears. I know some html and css and Im trying to help a friend out but Im not used to all this inline css and table stuff. What confuses me is that If I make a simple change, like changing the text inside the H1 tags, video is gone! If I put the text back the way it was, the video still doesnt come back. I have to reupload the original .htm file to fix it. The other thing is there is a list of zip codes he wants in there and even though they are inside of a div with a width of 440px, it spans horizontally outside the container. I can put the original file back but I didnt think anyone could tell me what was wrong if I did so. Here is the code Im trying to put in…
<h2>American Lock Service is your #1 Philadelphia locksmith. Services are available for home, business, commercial, autos, and safes.</h2>
<div style="float: left; width: 440px">
<ul>
<li>Fastest Response Time</li>
<li>24 Hour Emergency Service Guaranteed</li>
<li>24 Hour Roadside Assistance</li>
<li>Proud Member of Associated Locksmiths of America (ALOA)</li>
<li>Greater Philadelphia Locksmith Association (GPLA)</li>
<li>Licensed – Bonded - Insured</li>
</ul>
<p>Beware of Locksmith Philadelphia Scams, Call an Accredited Locksmith Today!
<strong>Contact American Lock Service today at 215-535-4222 for 24 Hour Fast Locksmith Philadelphia Service.</strong></p>
Philadelphia Locksmith Services Available
Emergency - 24 hour emergency service guaranteed
<ul>
<li>Home - All types of keys made </li>
<li>Business – Master keying and more</li>
<li>Commercial – High security locks can be installed, repaired, opened and rekeyed
</li>
<li>Safes - Sale, installation, combo change and more</li>
<li>Automobile - 24 hour roadside assistance for lockouts
</li>
</ul>
<p>We are family owned and operated since 1976 by highly trained and experienced technicians that offer 24 hour emergency Philadelphia locksmith services. In the same location for over 30 years 4320 Frankford Ave. Philadelphia, PA 19124.<br/>
Our promise is customer satisfaction with the highest professional service. Locksmith Philadelphia services are offered day or night and rain or shine. We promise to keep our response time as fast as possible. We have over 36 years of experience working on different types of locking hardware for residential, commercial, autos, and safes. Locksmith Philadelphia services are available in Center City, South Philadelphia, Southwest Philadelphia, West Philadelphia, University City, Northwest Philadelphia, Germantown, Chestnut Hill, Roxborough, Manayunk, North Philadelphia, Olney, Oak Lane, Northeast, Kensington, Port Richmond, Bridesburg, Frankford, and Tacony.<br/>
Service Areas<br/>
19003,19004,19006,19012,19020,19023,19027,19031,19035,19038,19046,19050,19053,19066,19079,19082,19095,19096,19102,19103,19104,19106,19107,19108,19109,19110,19111,19112,19113,19114,19115,19116,19118,19119,19120,19121,19122,19123,19124,19125,19126,19127,19128,19129,19130,19131,19132,19133,19134,19135,19136,19137,19138,19139,19140,19141,19142,19143,19144,19145,19146,19147,19148,19149,19150,19151,19152,19153,19154,19176,19192,19255,19428,19444
</p>
</div>
It would be handy to see what the page code originally looked like, to determine whether the current code problems on the <object> are what’s causing the problem. Could you upload a test page with the old code on it so we could compare versions?
In your code above, you have some text that is not wrapped in tags, which can mess things up a bit:
Philadelphia Locksmith Services Available
Emergency - 24 hour emergency service guaranteed
Best to wrap that in <p> tags or something similar.
I really appreciate your help! I reset the page back to the old index.htm . Below is the code I was trying use. I changes some meta info like title and description. Left the nav and all that alone. Then changed the H1 and H2 text. Then I made a new list and added some paragraphs. Am I not using the proper semantics for the List of Service areas? Is that why it doesnt stay confined to the div?
<?xml version="1.0" encoding="UTF-8"?>
<!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>Locksmith Philadelphia Locksmith Fast Affordable American Lock Service</title>
<meta name="description" content="Fast Philadelphia Locksmith services call 215 535 4222. We are your #1 guys for a locksmith Philadelphia. Family owned & operated since 1976. Home, Business, Autos, Safes" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<meta name="author" content="Locksmith Philadelphia, PA - American Lock Service" />
<meta name="copyright" content="Locksmith Philadelphia, PA - American Lock Service" />
<link rel="shortcut icon" href="http://www.americanlockservice.com/a/favicon.ico" type="" />
<link rel="stylesheet" href="/a/c/styles.css" type="text/css" />
<script type="text/javascript">
var sid=45853,cUserID='';
</script>
<link rel="stylesheet" href="/a/c/styles_menu_dhtml.css" type="text/css" />
<script type="text/javascript" src="/a/j/coolmenus4_stripped.js"></script>
<script type="text/javascript" src="/a/j/functions_stripped.js"></script>
<script type="text/javascript" src="/a/j/ieflashfix_stripped.js"></script>
<style>
div.leftside{
float: left;
width: 570px;
}
H1{
color: #c00000;
}
H2{
color: #c00000;
}
#services{width: 440px;}
</style>
<style type="text/css">
body { background-color: #444444; }
.skinAlign { margin-left: auto; margin-right: auto; float: center; text-align: left; }
body { text-align: center; }
a { color: #0033FF; }
</style>
</head>
<body>
<table width="1000" border="0" cellspacing="0" cellpadding="0" class="skinAlign" dir="ltr" bgcolor="#ffffff" >
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="headerimage" >
<tr>
<td colspan="2" align="center"> <img src="/a/screen/header.jpg" alt="" />
</td>
</tr>
</table>
<div id="divMenu" align="left"></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:30px;">
<tr align="center">
<td style="margin:0px;padding:0px;"><noscript style="margin:0px;padding:0px;">
<ul>
<li><a href="/index.htm">Home</a></li>
<li><a href="/philadelphia-pa-automobile-lock-services.htm">Automobile Lock Services</a></li>
<li><a href="/philadelphia-pa-home-and-business-lock-services.htm">Home and Business Lock Services</a></li>
<li><a href="/philadelphia-pa-safes.htm">Safes</a></li>
<li><a href="/Contact-american-lock-service-philadelphia-pa.php">Contact</a></li>
</ul>
</noscript></td><td align="left" width="98" id="menuButton1" class="menu_active"><div style="padding-left:2px; padding-right:2px;">Home</div></td><td align="left" width="298" id="menuButton2" class="menu" ><div style="padding-left:2px; padding-right:2px;">Automobile Lock Services</div></td><td align="left" width="368" id="menuButton3" class="menu" ><div style="padding-left:2px; padding-right:2px;">Home and Business Lock Services</div></td><td align="left" width="108" id="menuButton4" class="menu" ><div style="padding-left:2px; padding-right:2px;">Safes</div></td><td align="left" width="128" id="menuButton5" class="menu" ><div style="padding-left:2px; padding-right:2px;">Contact</div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="padding:40px 40px 15px;" class="skinBg">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td style="padding-top:0;">
<table width="100%" cellspacing="0" cellpadding="0" dir="ltr" class="content_pages_table">
<tr>
<td height="2"></td>
<td height="2"></td>
<td height="2"></td>
<td height="2"></td>
<td height="2"></td>
<td height="2"></td>
</tr><tr>
<td align="left" width="100%" valign="top" colspan="6">
<h2>American Lock Service is your #1 Philadelphia locksmith. Services are available for home, business, commercial, autos, and safes.</h2>
<div style="float: left; width: 440px;">
<p>
<ul>
<li>Fastest Response Time</li>
<li>24 Hour Emergency Service Guaranteed</li>
<li>24 Hour Roadside Assistance</li>
<li>Proud Member of Associated Locksmiths of America (ALOA)</li>
<li>Greater Philadelphia Locksmith Association (GPLA)</li>
<li>Licensed – Bonded - Insured</li>
</ul>
</p>
<p>Beware of Locksmith Philadelphia Scams, Call an Accredited Locksmith Today!
<strong>Contact American Lock Service today at 215-535-4222 for 24 Hour Fast Locksmith Philadelphia Service.</strong>
<br/>Philadelphia Locksmith Services Available
Emergency - 24 hour emergency service guaranteed</p>
<ul>
<li>Home - All types of keys made </li>
<li>Business – Master keying and more</li>
<li>Commercial – High security locks can be installed, repaired, opened and rekeyed
</li>
<li>Safes - Sale, installation, combo change and more</li>
<li>Automobile - 24 hour roadside assistance for lockouts</li>
</ul>
<p>We are family owned and operated since 1976 by highly trained and experienced technicians that offer 24 hour emergency Philadelphia locksmith services. In the same location for over 30 years 4320 Frankford Ave. Philadelphia, PA 19124.</p>
<p>Our promise is customer satisfaction with the highest professional service. Locksmith Philadelphia services are offered day or night and rain or shine. We promise to keep our response time as fast as possible. We have over 36 years of experience working on different types of locking hardware for residential, commercial, autos, and safes. Locksmith Philadelphia services are available in Center City, South Philadelphia, Southwest Philadelphia, West Philadelphia, University City, Northwest Philadelphia, Germantown, Chestnut Hill, Roxborough, Manayunk, North Philadelphia, Olney, Oak Lane, Northeast, Kensington, Port Richmond, Bridesburg, Frankford, and Tacony.</p><br/>
<p>Service Areas<br/>
19003,19004,19006,19012,19020,19023,19027,19031,19035,19038,19046,19050,19053,19066,19079,19082,19095,19096,19102,19103,19104,19106,19107,19108,19109,19110,19111,19112,19113,19114,19115,19116,19118,19119,19120,19121,19122,19123,19124,19125,19126,19127,19128,19129,19130,19131,19132,19133,19134,19135,19136,19137,19138,19139,19140,19141,19142,19143,19144,19145,19146,19147,19148,19149,19150,19151,19152,19153,19154,19176,19192,19255,19428,19444</p>
</div>
<div style="float:right;text-align:center;margin-top:0px;margin-bottom:8px;" class="video">
<script src="/a/j/gz_eolas_fix.js" type="text/javascript"></script>
<script language="JavaScript">
<!--
var jsval = '<object classid=\\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\\" codebase=\\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0\\" style=\\"width:440px; height:240px;\\" title=\\"AllVideos Player\\"> <param name=\\"movie\\" value=\\"flvplayer.swf?file=/a/swf/american-lock-service.flv&showdigits=true&autostart=false\\" /> <param name=\\"quality\\" value=\\"high\\" /> <param name=\\"wmode\\" value=\\"transparent\\" /> <param name=\\"bgcolor\\" value=\\"\\"> <embed src=\\"/flvplayer.swf?file=/a/swf/american-lock-service.flv&showdigits=true&autostart=false\\" quality=\\"high\\" pluginspage=\\"http://www.macromedia.com/go/getflashplayer\\" type=\\"application/x-shockwave-flash\\" wmode=\\"transparent\\" bgcolor=\\"\\" style=\\"width:440px; height:240px;\\"></embed></object>';
writethis(jsval);//-->
</script>
<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" style="width:440px; height:240px;" title="AllVideos Player">
<param name="movie" value="flvplayer.swf?file=/a/swf/american-lock-service.flv&showdigits=true&autostart=false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="">
<embed src="flvplayer.swf?file=/a/swf/american-lock-service.flv&showdigits=true&autostart=false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" bgcolor="" style="width:440px; height:240px;"></embed>
</object></noscript>
</div>
</td>
</tr><tr>
<td height="2"></td>
<td height="2"></td>
<td height="2"></td>
<td height="2"></td>
<td height="2"></td>
<td height="2"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="40"><table width="1000" border="0" cellspacing="1" cellpadding="0" bgcolor="#FFFFFF" style="height:40px;" >
<tr>
<td bgcolor="#DEDEDE" align="center">
<table width="97%" cellspacing="0" cellpadding="0" border="0" dir="ltr" align="center" style="height:40px;">
<tr>
<td bgcolor="#DEDEDE" align="center" class="footerText" style="white-space:nowrap" ><!-- Mirror Menu Start -->
<table align="center" border="0" cellpadding="0" cellspacing="0" dir="ltr"><tr>
<td height="25" id="mirror_menu_td_0" class="mirror_menu"><a href="/index.htm" id="mirror_menu_item_0" target="_self" class="mirror_menu" style="font-size:9px; color:#333333; font-family:Helvetica, Verdana, Arial, sans-serif"><b>Home</b></a></td><td> | </td><td height="25" id="mirror_menu_td_1" class="mirror_menu"><a href="/philadelphia-pa-automobile-lock-services.htm" id="mirror_menu_item_1" target="_self" class="mirror_menu" style="font-size:9px; color:#333333; font-family:Helvetica, Verdana, Arial, sans-serif"><b>Automobile Lock Services</b></a></td><td> | </td><td height="25" id="mirror_menu_td_2" class="mirror_menu"><a href="/philadelphia-pa-home-and-business-lock-services.htm" id="mirror_menu_item_2" target="_self" class="mirror_menu" style="font-size:9px; color:#333333; font-family:Helvetica, Verdana, Arial, sans-serif"><b>Home and Business Lock Services</b></a></td><td> | </td><td height="25" id="mirror_menu_td_3" class="mirror_menu"><a href="/philadelphia-pa-safes.htm" id="mirror_menu_item_3" target="_self" class="mirror_menu" style="font-size:9px; color:#333333; font-family:Helvetica, Verdana, Arial, sans-serif"><b>Safes</b></a></td><td> | </td><td height="25" id="mirror_menu_td_4" class="mirror_menu"><a href="/Contact-american-lock-service-philadelphia-pa.php" id="mirror_menu_item_4" target="_self" class="mirror_menu" style="font-size:9px; color:#333333; font-family:Helvetica, Verdana, Arial, sans-serif"><b>Contact</b></a></td>
</tr></table>
<!-- Mirror Menu End -->©<a href="http://americanlockservice.com/" title="Locksmith Philadelphia">2011 American Lock Service-Locksmith Philadelphia</a> </td>
</tr>
</table>
</td>
</tr></td>
</tr>
</table>
<script type="text/javascript">
pos=findPos();addToDocOnload("setTimeout('var opos=pos;pos=findPos();if((opos[0]!=pos[0])||(opos[1]!=pos[1])){oCMenu.fromLeft=pos[0]+0;oCMenu.fromTop=pos[1]+0;lastNodeRev(\\\\'-12\\\\',\\\\'ltr\\\\');oCMenu.construct(1);}',100);");var oCMenu=new makeCM("oCMenu");initDHTMLMenu();oCMenu.fromLeft=pos[0]+0;oCMenu.fromTop=pos[1]+0;oCMenu.onresize="pos=findPos();oCMenu.fromLeft=pos[0]+0;oCMenu.fromTop=pos[1]+0;lastNodeRev('-12','ltr');";oCMenu.rows=1;oCMenu.level[0].width=(cMenuHideMenu==1)?0:200;oCMenu.level[0].height=(cMenuHideMenu==1)?0:30;oCMenu.level[0].offsetY=00;oCMenu.level[0].arrow=0;oCMenu.level[0].align="bottom";oCMenu.level[0].slidepx=10*0;oCMenu.level[0].slidetim=20*0;oCMenu.level[1].width=(cMenuHideMenu==1)?0:oCMenu.level[0].width-2;oCMenu.level[1].height=(cMenuHideMenu==1)?0:20;oCMenu.level[1].align="right";oCMenu.level[1].offsetX=0-12;oCMenu.level[1].slidepx=10*0;oCMenu.level[1].slidetim=20*0;oCMenu.level[2].width=(cMenuHideMenu==1)?0:oCMenu.level[0].width-2;oCMenu.level[2].height=(cMenuHideMenu==1)?0:20;oCMenu.level[2].align="right";oCMenu.level[2].offsetX=0-12;
</script>
<script type="text/javascript" src="/a/j/menu_nodes.js"></script>
<script type="text/javascript">
oCMenu.construct();lastNodeRev('-12','ltr');scrollDHTMLMenuCheck();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22413357-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
No, the reason it doesn’t stay contained is that you have no breaks, so it’s treated like one huge long word. Just put in returns after each comma and it will flow normally within the div.
Is it working otherwise? I pasted in the code above and the page seemed to work. There’s lots that could be said about the code (it’s a bit messy and old school) but it should work OK. One obvious thing to change is to remove the <p> tags around the <ul></ul>, which you don’t need.
Thanks for helping me understand that. I removed the <p> tags and added the breaks and it all worked! I hate working on sites other people made:) Thank you for all your help!
You’re welcome. Glad I could help.