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 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question How do i create a moving Table Like..

    How do i create a moving Table Like the one at this site.

    http://www.xxlmag.com/main/index_main.php

    If you look to the left of the page, the Menu moves up and down as you scroll up and down the page. How can i create that effect? Is there a script for that ?


    Appriciate the help...
    Thanks, You Guys Know Everything !!

  • #2
    Senior Coder A1ien51's Avatar
    Join Date
    Jun 2002
    Location
    Between DC and Baltimore In a Cave
    Posts
    2,717
    Thanks
    1
    Thanked 94 Times in 88 Posts
    It is DHTML with a layer that is repositioned
    I show how it is done with a watermark on this page


    http://www10.brinkster.com/A1ien51/S...tWaterMark.htm

    All you would need to do is add the code for the table into the divs and remove the pic and reposition it....

  • #3
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks A1ien51, I appriciate the help.. I have a question though how to i get my object (image,table etc.) to stop at the bottem of the page like your does on your page. I implemented the script you gave me and made a few changes but now when i scroll down to the bottem of the page it just keeps going and going.

    Thanks again
    Thanks, You Guys Know Everything !!

  • #4
    Senior Coder A1ien51's Avatar
    Join Date
    Jun 2002
    Location
    Between DC and Baltimore In a Cave
    Posts
    2,717
    Thanks
    1
    Thanked 94 Times in 88 Posts
    Post your code so I can see what you have done...I think I know how to fix it

    A1ien51

  • #5
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Just is case the error lies else where i'm going to paste the entire page

    <html>
    <head>
    <title>..::Extra Extra</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    .unnamed1 { text-decoration: overline blink; background-color: #00CCFF}
    -->
    </style>

    </head>

    <body bgcolor="#D3D3D3" text="#000000" link="#0000FF" onLoad="rndSlideShow(5000,0);seqSlideShow(5000,0)" vlink="#006666">
    <div align="center">
    <table width="759" border="1" cellspacing="0" cellpadding="0" bordercolor="#666666" height="90">
    <tr>
    <td height="85">
    <table width="759" border="0" cellspacing="0" cellpadding="0" height="86" bordercolor="#000000" bgcolor="#171717">
    <tr>
    <td align="left" valign="middle" width="324" height="80">
    <div align="right"></div>
    </td>
    <td align="left" valign="middle" width="109" height="80">&nbsp;</td>
    <td width="315" height="80">
    <div align="left"></div>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <br>
    <table width="700" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" height="800">
    <tr>
    <td height="746" valign="top">
    <table width="700" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999" height="746">
    <tr valign="top" bgcolor="#0000FF">
    <td colspan="3" height="67">&nbsp;</td>
    </tr>
    <tr>
    <td height="0" valign="top" width="402">
    <p><font color="#CCCCCC">As seen on MTV.com</font></p>
    </td>
    <td height="0" valign="top" width="301">
    <div id=waterA1 style="Right: 0px; POSITION: absolute; TOP: 208px; Z-INDEX: 2; width: 297px; height: 641px; left: 443px">
    <table width="300" border="1" cellspacing="0" cellpadding="0" height="316" bordercolor="#666666">
    <tr>
    <td bgcolor="#666666" height="20">
    <div align="center"><font color="#00FF00">Read All About It
    !!! </font></div>
    </td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" height="77"><font color="#FF0000"><font color="#333333"><font color="#FF0000"><a href="http://www.dreamzrreal.com/NellyVsKrs.htm">Nelly
    Vs KRS</a> </font></font><font size="2" color="#333333"> <b><font color="#000000">Round
    2:</font></b> The Heat Is On..Just when Hip-Hop heads thought
    that KRS-One finished him with his track &quot;Ovah Here&quot;,
    Nelly dusted himself off and came at the Blastmaster.... </font></font></td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" valign="top" height="69"><font color="#FF0000"><a href="http://www.dreamzrreal.com/Rkelly.htm">R.Kelly
    :</a></font><font size="2"><b><font color="#000000">Latest
    Tapes Irrelevant To R. Kelly Investigation.</font></b> &nbsp;<font color="#000000">Chicago
    police have returned four alleged R. Kelly sex tapes to Orange
    County, Florida, police, after reviewing the material and
    deciding</font>.... </font></td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" valign="top" height="72"><font color="#FF0000"><a href="http://www.dreamzrreal.com/Nas.htm">Nas:
    </a><font size="2" color="#000000"><b>Calls Cam'ron A 'Dummy,'
    Retracts Call To Steal Funkmaster Flex's Chain. </b>Concert
    boycotts, calling out other rappers, exposing alleged dirty
    radio politics and under-the-table payoffs....</font></font></td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" valign="top" height="43"><font color="#FF0000"><a href="http://www.dreamzrreal.com/50Cent.htm">50
    Cent</a>:</font> <font size="2"><b><font color="#000000">50
    Cent Worth A Million To Dr. Dre And Eminem</font></b></font></td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
    </table>
    </DIV>
    </td>
    <td height="145" valign="top" width="2">&nbsp;</td>
    </tr>
    <tr bgcolor="#999999">
    <td height="0" colspan="3">&nbsp; </td>
    </tr>
    <tr>
    <td bgcolor="#999999" height="10" colspan="3">
    <table width="700" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">
    <tr>
    <td>
    <table width="698" border="0" cellspacing="0" cellpadding="0">
    <tr valign="middle" bgcolor="#666666" align="center">
    <td width="140">
    <div align="center"><font color="#FF0000"><font size="2"></font></font></div>
    </td>
    <td width="140">
    <div align="center"><font color="#FF0000" size="2">Contact
    Info</font></div>
    </td>
    <td width="140">
    <div align="center"><font size="2"></font></div>
    </td>
    <td width="140">
    <div align="center"><font color="#FF0000" size="2">Comments</font></div>
    </td>
    <td width="140">
    <div align="center"><font color="#FF0000"><font size="2"></font></font></div>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <br>
    <div align="right">
    <div align="center"> </div>
    </div>
    </div>
    <script>
    A1W = 30;
    A1H = 51;
    A1X = 59;
    A1Y = 48;
    RefreshRate = 20;
    if (!document.all) document.all = document;
    if (!document.all.waterA1.style) document.all.waterA1.style = document.all.waterA1;
    wA1 = document.all.waterA1.style;
    wA1.width = A1W;
    wA1.height = A1H;
    navDOM = window.innerHeight;

    function SetDef() {
    ExW = 0;
    ExH = 0;
    if (navDOM) {
    if (document.height > innerHeight) ExW = 20;
    if (document.width > innerWidth) ExH = 20;
    }
    else {
    innerWidth = document.body.clientWidth;
    innerHeight = document.body.clientHeight;
    }
    posX = ((innerWidth - A1W)-ExW) * (A1X/100);
    posY = ((innerHeight - A1H)-ExH) * (A1Y/100);
    }
    function FixPos() {
    wA1.left = posX + (navDOM?pageXOffset:document.body.scrollLeft);
    wA1.top = posY + (navDOM?pageYOffset:document.body.scrollTop);
    }
    function A1Me() {
    SetDef();
    A1ID = setInterval ("FixPos()",RefreshRate);
    }
    window.onload=A1Me;
    window.onresize=SetDef;
    </script>
    </body>
    </html>
    Last edited by illwill718; 07-06-2002 at 09:27 PM.
    Thanks, You Guys Know Everything !!

  • #6
    Regular Coder
    Join Date
    Jul 2002
    Location
    U.S. (Wish Japan though)
    Posts
    141
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, uh... This most likely isn't related, but you need to double chekc your title tag.. you uh... put your title, and on the closing tag, you forgot the </


  • #7
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks but that was just a copy and paste error... Thanks anyway though..
    Thanks, You Guys Know Everything !!


  •  

    Posting Permissions

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