Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jun 2005
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Centering issues with Animated Gif...

    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...

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Jun 2005
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts
    <!-- 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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •