Results 1 to 2 of 2

Thread: How can i remove the browser scrollbar?

  1. #1
    Join Date
    Jul 2011
    Posts
    21
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default How can i remove the browser scrollbar?

    I need help to remove the browser scrollbar on this script.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Tabbed page</title>
    <style type="text/css">

    /*Eric Meyer's based CSS tab*/

    #tablist{
    padding: 3px 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.1em;
    font: bold 12px Verdana;
    }

    #tablist li{
    list-style: none;
    display: inline;
    margin: 0;
    }

    #tablist li a{
    text-decoration: none;
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: white;
    }

    #tablist li a:link, #tablist li a:visited{
    color: navy;
    }

    #tablist li a:hover{
    color: #000000;
    background: #C1C1FF;
    border-color: #227;
    }

    #tablist li a.current{
    background: lightyellow;
    }

    </style>

    <script type="text/javascript">

    /***********************************************
    * Tabbed Document Viewer script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    var selectedtablink=""
    var tcischecked=false

    function handlelink(aobject){
    selectedtablink=aobject.href
    tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false
    if (document.getElementById && !tcischecked){
    var tabobj=document.getElementById("tablist")
    var tabobjlinks=tabobj.getElementsByTagName("A")
    for (i=0; i<tabobjlinks.length; i++)
    tabobjlinks[i].className=""
    aobject.className="current"
    document.getElementById("tabiframe").src=selectedtablink
    return false
    }
    else
    return true
    }

    function handleview(){
    tcischecked=document.tabcontrol.tabcheck.checked
    if (document.getElementById && tcischecked){
    if (selectedtablink!="")
    window.location=selectedtablink
    }
    }

    </script>
    </head>

    <body>
    <table width="1254" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="2" scope="row">&nbsp;</td>
    </tr>
    <tr>
    <td width="106" scope="row">&nbsp;</td>
    <td width="1136" scope="row"><ul id="tablist">
    <li><a class="current" href="http://www.google.com" onclick="return handlelink(this)">Google</a></li>
    <li><a href="http://www.yahoo.com" onclick="return handlelink(this)">Yahoo</a></li>
    <li><a href="http://www.msn.com" onclick="return handlelink(this)">MSN</a></li>
    <li><a href="http://www.news.com" onclick="return handlelink(this)">News.com</a></li>
    <li><a href="http://www.dynamicdrive.com" onclick="return handlelink(this)">Dynamic Drive</a></li>
    </ul>
    <iframe id="tabiframe" src="http://www.google.com" width="100%" height="510px" scrolling="auto" scrollbar='no' marginwidth='0' marginheight='0' hspace='0' align='middle' frameborder="0"></iframe>
    <form name="tabcontrol" id="tabcontrol" style="margin-top:0">
    <input name="tabcheck" type="checkbox" onclick="handleview()" />
    Open tab links in browser window instead.
    </form></td>
    </tr>
    <tr>
    <th colspan="2" scope="row">&nbsp;</th>
    </tr>
    </table>
    </body>
    </html>
    Last edited by mavtrevor; 08-13-2011 at 02:25 PM.

  2. #2
    Join Date
    Jul 2011
    Posts
    21
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    Aight fixed it. thanks i added <body scroll="no" style="overflow: hidden"> and extended the frame to match up the remaining space.

Bookmarks

Posting Permissions

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