47 users online (1 members and 46 guests)  


  Results 1 to 3 of 3

Related

  1. Horizontal Scroller    Forum: CSS Forum
    Replies: 6
  2. scroller seed does't get slower    Forum: Javascript Forum
    Replies: 0
  3. news scroller direction    Forum: HTML Forum
    Replies: 0
  4. scroller table in CSS- if possible    Forum: HTML Forum
    Replies: 8
  5. Scroller bar, in a section of a table    Forum: HTML Forum
    Replies: 15
  1. #1
    ralone's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    1

    SCROLLER TABLE help!

    im new at this **** admin edit: profanity not allowed - only warning fuh real.
    umm i added this code to my site to make a scroller table.
    ----------------------------------------------------------
    site:

    http://members.rogers.com/lokei/lokeibio.htm

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

    code:

    <body>

    <p>&nbsp;</p>

    <p><span style="position: absolute; left: 0; top: 68"><img border="0" src="bigframe.gif" width="330" height="365"></span></p>
    <P STYLE="font-weight: bolder; position: absolute; width: 312; height: 327; overflow: scroll; left: 9; top: 89; border:0"
    </P>

    <img border="0" src="lophoto5.jpg" width="294" height="325">

    </body>

    ----------------------------------------------------------
    how do i make the horizonal bar disappear (as there is no purpose for it) and extend the vertical bar..... also how would i make the scroll bar transparent?

    thanks
    Last edited by HTML; 10-11-2003 at 11:40 PM.

  2. #2
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732
    Hi there ralone,

    You might like to try this...
    Code:
    <html>
    <head>
    <meta http-equiv="Content-Type"content="text/html;charset=windows-1252">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>New Page 4</title>
    <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
    <meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)">
    <meta http-equiv="Site-Enter" content="blendTrans(Duration=1.0)">
    <meta http-equiv="Site-Exit" content="blendTrans(Duration=1.0)">
    
    <style type="text/css">
    <!--
    table.one
     {
       position:absolute;
       top:80px;
       left:0px;
     }
    td.one
     {
       background:url("bigframe.gif");
       width:330px;
       height:365px;
     }
    td.two
     {
       font-family:arial;
       font-size:16px;
       color:#ffffff;
       padding:5px;
       text-align:center;
    }
    div
     { 
       overflow: auto;
       scrollbar-face-color: #2a3952;	
       scrollbar-shadow-color: #333333;
    	
       scrollbar-highlight-color: #6e88b1;
    	
       scrollbar-3dlight-color: #000000;
    	
       scrollbar-darkshadow-color: #000000;
    	
       scrollbar-track-color: #445a80;
    	
       scrollbar-arrow-color: #ffffff;
       width:325px;
      height:325px;
    }
    span
     {
       position:relative;
       top:-58px;
       left:168px;
       margin:0;
     }
    //-->
    </style>
    
    </head>
    <body>
    <table class="one"><tr>
    <td class="one"  ><div>
    <table hspace="0"vspace="0"><tr>
    <td class="two" valign="top">
    <img  src="lophoto5.jpg" width="294" height="325">
    <span >
    <a href="babyboi.htm">
    <img   src="babyclickhere.gif" width="50" height="52"border="0"></a>
    <a href="webcam.htm">
    <img  src="kamclickhere1.gif" width="50" height="52"border="0"></a>
    </span>
    This text will bring the scrollbar into efect, as you can see the scrollbar 
    can be colored but not made transparent, also note that the <i>scrollbar
    </i> coloring and the<i> blendTrans</i> feature will only work in IE. Hope 
    that this all helps.<br><br>coothead</td>
    </tr></table>
    </div></td>
    </tr></table>
    </body>
    </html>
    cthead

  3. #3
    Dillon's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Location
    Cape Town, South Africa
    Posts
    7
    Again, a quick way to make the horizontal scroll bar in a span disappear, is to set the overflow to "auto", and set the span width to be about 20 or 30 pixels(I didnt spend time trying to figure out the exact number of pixels) larger than the contents.

    If you ditch the span method, and use an iframe to display your content, you can make the scroll bar transparent(ish) by using the Chroma filter when invoking the Iframe.
    Raytracer showed a good example of this in this post: http://www.ahfb2000.com/webmaster_he...8&postcount=12

    I must admit, I dont like iFrames all that much, but I think its largely my bias from the days when Netscape ruled the roost and I wasn't able to use them.



Tags for this Thread