Page Scroll with a Table


i have page several small tables able scroll, go may december.  have tried using overflow scroll div command  doesn't seem work.

div.calendarlist {
width: 100%
margin: 0;
padding: 0;
overflow: scroll;

 

any suggestions on how work, best alternative, if work.

 

 

have tried using small java script used on page image bounce down page , hit go top.  neither 1 work.

 

here text of java script use on page:

<script language="javascript1.2" src="/inc/top.js"></script>

this placed @ bottom of page above footer:
<div id="watermark" style="position:absolute" class="floatmiddle"><a href="#top"><img src="../../../graphics/cgbup.gif" border=0 height=16 width=16 alt=to_top /></a></div>

 

this script use:

 

markw = 16; // pixels wide
  markh = 16; // pixels high
  markx = 100; // percent right
  marky = 100; // percent down
  markrefresh = 10; // milliseconds

  var wmark;
  function setvals() {
          wmark=document.getelementbyid?document.getelementbyid("watermark"):document.all?document. all["watermark"]:document.layers?document.watermark:null;
          if (wmark.style) wmark=wmark.style;
          wmark.width = markw;
          wmark.height = markh;
          navdom = window.innerheight; // nav dom level 0 flag
         
     barw = 0; // scrollbar compensation pc nav
     barh = 0;
     if (navdom) {
        if (document.height > innerheight) barw = 20;
        if (document.width > innerwidth) barh = 20;
        } else {
        innerwidth = document.body.clientwidth;
        innerheight = document.body.clientheight;
        }
     posx = ((innerwidth - markw)-barw) * (markx/105);
     posy = ((innerheight - markh)-barh) * (marky/120);
     }

  function wrefresh() {
     wmark.left = posx + (navdom?pagexoffset:document.body.scrollleft);
     wmark.top = posy + (navdom?pageyoffset:document.body.scrolltop);
     }

  function markme() {
     setvals();
     window.onresize=setvals;
     markid = setinterval ("wrefresh()",markrefresh);
     }
  window.onload=markme;

 

it won't go , down page on other pages.

 

any appreciated.

 

btw, female  last time got on here thought male.  :-)

cruser12 wrote:

 

i have page several small tables able scroll, go may december.  have tried using overflow scroll div command  doesn't seem work.

div.calendarlist {
width: 100%
margin: 0;
padding: 0;
overflow: scroll;

 

any suggestions on how work, best alternative, if work.


i have demo here:   http://dreamweaverresources.com/tutorials/scroller.html

 

you need give div height, otherwise doesn't know when invoke 'auto: scroll'  :-)

 

ps:  other issue - think you're looking 'persistent layer'.

if google term, you'll end quite few results, you'll have research 1 suits best guess  :-)

 

 

 

--

nadia

adobe® community expert : dreamweaver

--------------------------------------------------

unique css templates |tutorials |seo articles

http://www.dreamweaverresources.com

--------------------------------------------------

book: ultimate css reference

http://www.sitepoint.com/launch/005dfd4/3/133

---------------------------------------------------

http://twitter.com/nadiap



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Flip address is out of range arduino uno r3

Arduino Uno not uploading

Indesign and MathType fonts