...

View Full Version : Centering issues with Animated Gif...



Pismo500
12-30-2005, 03:52 AM
Hope someone can help... Thanks in advance... here is part of the code...

<body onLoad="getTime()">
<p align="center">


</p>
</body>

Contained in the body is an animated gif and user poll... When I resize the window, the animated gif and user poll do not 'hang on' with the rest of the page and properly center... Anything I am missing...? I can post the complete code if needed... I have yet to upload the changes 'till I correct the problem...

_Aerospace_Eng_
12-30-2005, 04:06 AM
The complete code would help. I suspect that you are using absolute positioning for your layout which could be why it doesn't "move" like you want it to.

Pismo500
12-30-2005, 04:25 AM
<!-- InstanceBegin template="/Templates/Blu-Wave.dwt" codeOutsideHTMLIsLocked="false" --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Blu-Wave: The Future of DVD</title>
<!-- InstanceEndEditable --><style type="text/css">
<!--
.style1 {color:#D8E7F7}
#e { margin: 0 auto; }
body {
background-color:#D8E7F7;
}
body,td,th {
color: #000000;
}
.style10 {font-size: 10px; font-family: "Times New Roman", Times, serif; }
.style11 {
font-size: 14px;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
}
.style13 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
}
.style15 {font-size: 14px}
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style8 {font-size: 14px}
.style9 {font-size: 24px}
.style14 { font-size: 24px;
font-weight: bold;
}
.style14 {font-size: 24px}
-->
</style>
<!-- InstanceEndEditable -->
</head>

<body onLoad="getTime()">
<p align="center">
<table width="760" height="648" cellpadding="0" background="Home-Page.jpg">
<td width="443" rowspan="4"></td>
<!-- InstanceBeginEditable name="Data" -->
<td width="313" height="597">
<p align="center" class="style9">News & Updates</p>
<p align=justify class="text style8"><u><i>May 10, 2005</i></u><br>
<b>Sony said to get boost in DVD race...</b> Talks between Japan's Sony Corp. and Toshiba Corp. to unify next-generation DVD formats are leaning toward a disc structure supported by Sony, a source close to the matter said Tuesday. <A HREF="http://money.cnn.com/2005/05/10/technology/dvd_format.reut/index.htm">Read More...</A>
<p align=justify class="style8"><u><i>April 21, 2005</i></u><br>
<b>Sony, Toshiba Mull Unified Format to Avoid DVD War...</b> Japan's Sony Corp. and Toshiba Corp. are in talks to develop a common standard for next-generation DVDs and end a fierce battle over formats that has been threatening to stifle the industry's growth. <A HREF="http://www.reuters.com/newsArticle.jhtml?type=topNews&storyID=8251949">Read More...</A> </p>
<p align=justify class="text style8"> <u><i>April 13, 2005</i></u><br>
<b>Sony Says Open to Avoiding DVD Format War...</b> Sony Corp said on Wednesday it was open to discussions to create a single standard for the next generation of DVD discs, a move which could head off the looming threat of a major format war among the world&rsquo;s biggest technology companies. <A HREF="http://s115631744.onlinehome.us/clubmedia/2005/04/13/sony-says-open-to-avoiding-dvd-format-war/">Read More...</A>
<p align="center" class="style9">&nbsp;</p>

<!-- InstanceEndEditable --></td>
<tr>
<td height="41" align="center" valign="middle"><span class="style10">Countdown to High Definition (2009)</span> <table><td bgcolor="black" valign="bottom">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

function getTime() {
c1 = new Image(); c1.src = "numbers/1c.gif";
c2 = new Image(); c2.src = "numbers/2c.gif";
c3 = new Image(); c3.src = "numbers/3c.gif";
c4 = new Image(); c4.src = "numbers/4c.gif";
c5 = new Image(); c5.src = "numbers/5c.gif";
c6 = new Image(); c6.src = "numbers/6c.gif";
c7 = new Image(); c7.src = "numbers/7c.gif";
c8 = new Image(); c8.src = "numbers/8c.gif";
c9 = new Image(); c9.src = "numbers/9c.gif";
c0 = new Image(); c0.src = "numbers/0c.gif";
Cc = new Image(); Cc.src = "numbers/Cc.gif";
now = new Date();

//ENTER BELOW THE DATE YOU WISH TO COUNTDOWN TO
later = new Date("Jan 1 2009 0:00:01");

days = (later - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (later - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (later - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (later - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);

if (secondsRound <= 9) {
document.images.g.src = c0.src;
document.images.h.src = eval("c"+secondsRound+".src");
}
else {
document.images.g.src = eval("c"+Math.floor(secondsRound/10)+".src");
document.images.h.src = eval("c"+(secondsRound%10)+".src");
}
if (minutesRound <= 9) {
document.images.d.src = c0.src;
document.images.e.src = eval("c"+minutesRound+".src");
}
else {
document.images.d.src = eval("c"+Math.floor(minutesRound/10)+".src");
document.images.e.src = eval("c"+(minutesRound%10)+".src");
}
if (hoursRound <= 9) {
document.images.y.src = c0.src;
document.images.z.src = eval("c"+hoursRound+".src");
}
else {
document.images.y.src = eval("c"+Math.floor(hoursRound/10)+".src");
document.images.z.src = eval("c"+(hoursRound%10)+".src");
}
if (daysRound <= 9) {
document.images.r.src = c0.src;
document.images.x.src = c0.src;
document.images.a.src = c0.src;
document.images.b.src = eval("c"+daysRound+".src");
}
if (daysRound <= 99) {
document.images.r.src = c0.src;
document.images.x.src = c0.src;
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
if (daysRound <= 999){
document.images.r.src = c0.src;
document.images.x.src = eval("c"+Math.floor(daysRound/100)+".src");
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
if (daysRound <= 9999){
document.images.r.src = eval("c"+Math.floor(daysRound/1000)+".src");
document.images.x.src = eval("c"+Math.floor((daysRound/100)%10)+".src");
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
newtime = window.setTimeout("getTime();", 1000);
}
// End -->
</script>
<img height=11 src="numbers/0c.gif" width=8 name=r>
<img height=11 src="numbers/0c.gif" width=8 name=x>
<img height=11 src="numbers/0c.gif" width=8 name=a>
<img height=11 src="numbers/0c.gif" width=8 name=b>
<img height=11 src="numbers/Cc.gif" width=5 name=c>
<img height=11 src="numbers/0c.gif" width=8 name=y>
<img height=11 src="numbers/0c.gif" width=8 name=z>
<img height=11 src="numbers/Cc.gif" width=5 name=cz>
<img height=11 src="numbers/0c.gif" width=8 name=d>
<img height=11 src="numbers/0c.gif" width=8 name=e>
<img height=11 src="numbers/Cc.gif" width=5 name=f>
<img height=11 src="numbers/0c.gif" width=8 name=g>
<img height=11 src="numbers/0c.gif" width=8 name=h>
</td></table>
<span class="style10">(Days: Hours: Minutes: Seconds)</span></td>
</div>
</table>
<div style="position:absolute; top:145px; left:40px; width: 140px; height: 20px;">
<div align="center"><a href="About.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">About Blu-Wave</a></div>
</div>
<div style="position:absolute; top:145px; left:181px; width: 140px; height: 20px;">
<div align="center"><a href="index2.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">>What's New</a></div>
</div>
<div style="position:absolute; top:186px; left:40px; width: 140px; height: 20px;">
<div align="center"><A HREF="What%27s%20Blu-Ray.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">>What's Blu-Ray?</A></div>
</div>
<div style="position:absolute; top:186px; left:180px; width: 140px; height: 20px;">
<div align="center"><A HREF="What%27s%20HD-DVD.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">>What's HD-DVD?</A></div>
</div>
<div style="position:absolute; top:228px; left:40px; width: 140px; height: 20px;">
<div align="center"><A HREF="Blu-Ray%20Recorders.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">>Blu-Ray Recorders</A></div>
</div>
<div style="position:absolute; top:228px; left:181px; width: 140px; height: 20px;">
<div align="center"><A HREF="HD-DVD%20Recorders.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">>HD-DVD Recorders</A></div>
</div>
<div style="position:absolute; top:268px; left:40px; width: 140px; height: 20px;">
<div align="center"><A HREF="Blu-Ray%20Media.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">>Blu-Ray Media</A></div>
</div>
<div style="position:absolute; top:268px; left:179px; width: 140px; height: 20px;">
<div align="center"><A HREF="HD-DVD%20Media.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">>HD-DVD Recorders</A></div>
</div>
<div style="position:absolute; top: 308px; left:40px; width: 282px; height: 20px;">
<div align="center"><A HREF="FAQ.html" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">>FAQ</A></div>
</div>
<div style="position:absolute; top: 348px; left:40px; width: 282px; height: 20px;">
<div align="center"><A HREF="mailto:webmaster@blu-wave.net" style="display: block; width: 140px; height: 20px; text-indent: -999px; text-decoration: none">Comments & Suggestions</A></div>
</div>
<div style="position:absolute; top: 382px; left: 155px;">
<div align="center"><img src="usa.gif"></div>
</div>
<div style="position:absolute; top:434px; left:45px;">
<!-- Start Polls-4-Free HTML code for blu-wave.net -->
<form ACTION="http://polls4free.com/cgibin/polls4free.cgi?ID=377153" METHOD="POST">
<table border=1 width="275" cellpadding="3" cellspacing="0">
<tr><td bgcolor=#A5A7D0> <center class="style11">
<font color="#ff0000" face="Times New Roman"><b>This Month's Poll</b>
</font></center></td>
</tr>
<tr><td bgcolor=#A5A7D0>
<table>
<tr><td valign="bottom"><center class="style11">
<font color="#000000"> Would you be willing to make a small
Paypal&#153 donation to keep this web site
going in order help us bring you the best
products at the lowest prices in the future?</font>
</center>
<span class="style13"><br>
<font color=#000000>
<input type="radio" name="PSEL" value="1">
</font><strong><font color=#000000>Yes - $1 to $10<br>
<input type="radio" name="PSEL" value="2">
Yes - $10 to $15<br>
<input type="radio" name="PSEL" value="3">
Yes - More than $15<br>
<input type="radio" name="PSEL" value="4">
No</font></strong></span><span class="style15"><font color=#000000></font></span><font face="Times New Roman" color=#000000 size=2><br>
</font></td></tr>
</table>
</td></tr><tr><td align="center" bgcolor=#A5A7D0>
<font face="Times New Roman" color=#000000 size=1>
<input type="submit" value="Vote/Results" name="submit">
</font></td></tr></table></form>
<!-- End Polls-4-Free HTML code for blu-wave.net -->
</div>
</p>
</body>
<!-- InstanceEnd --></html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum