www.webdeveloper.com
Results 1 to 5 of 5

Thread: Scroll bars

  1. #1
    Join Date
    Jun 2006
    Location
    Vancouver BC Canada
    Posts
    8

    Scroll bars

    I'm just starting this site for a fellow bluesman and I don't want a side scroll on the index page. The url is http://members.shaw.ca/mudsites2/ if you want to take a look.

  2. #2
    Join Date
    Jun 2006
    Posts
    263
    add this into your body tag and change the height 800 and width 600 to whatever size does not create the scroll bars

    <body onload="window.resizeTo(800,600);">

  3. #3
    Join Date
    Apr 2006
    Posts
    92
    i dont see any scrollbar =/

  4. #4
    Join Date
    Mar 2005
    Location
    Sydney, Australia
    Posts
    7,974
    To not have a scrollbar it has to be small enough to not need them. Of course some mobile phone screens have really low resolutions for viewing the web so I doubt that you'd be able to make the page small enough to not have scrollbars there.

  5. #5
    Join Date
    Jan 2005
    Location
    Los Angeles, CA
    Posts
    4,887
    Don't use tables for layout nor use JavaScript for rollovers that can be done with CSS.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="ltr" lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="content-style-type" content="text/css">
    <title>DoubleDIndex</title>
    <style type="text/css">
    body {
    background-color:#A90101;
    color:#A90101;
    font-family:arial, tahoma, helvetica, sans-serif;
    text-align:center;
    }
    
    div#mainContainer{
    width:724px;
    margin:0 auto;
    }
    
    
    dl dt, dl dt a{background-color:#A90101; width:77px; height:86px; display:block;}
    
    dl dt.home {background-image:url(http://members.shaw.ca/mudsites2/Images/HomeO.jpg);}
    dl dt.home a{background-image:url(http://members.shaw.ca/mudsites2/Images/HomeUp.jpg);}
    dl dt.photos {background-image:url(http://members.shaw.ca/mudsites2/Images/PhotosO.jpg);}
    dl dt.photos a{background-image:url(http://members.shaw.ca/mudsites2/Images/PhotosUp.jpg);}
    dl dt.links {background-image:url(http://members.shaw.ca/mudsites2/Images/LinksO.jpg);}
    dl dt.links a{background-image:url(http://members.shaw.ca/mudsites2/Images/LinksUp.jpg);}
    dl dt.contact {background-image:url(http://members.shaw.ca/mudsites2/Images/ContactO.jpg);}
    dl dt.contact a{background-image:url(http://members.shaw.ca/mudsites2/Images/Contact.jpg);}
    
    dl dt a:hover{background:transparent;}
    
    a:link, a:visited {
    color : #000099;
    text-decoration : none;
    }
    
    a:hover {
    background-color:#A90101;
    color:#00009F;
    text-decoration:none;
    }
    </style>
    <!--[if IE]>
    <style type="text/css">
    body{
    scrollbar-arrow-color:#F8F706;
    scrollbar-face-color:#B22222;
    scrollbar-highlight-color:#E9967A;
    scrollbar-shadow-color:#800000;
    scrollbar-3d-light-color:#DC143C
    scrollbar-track-color:#A90101;
    scrollbar-dark-shadow-color:#FF4500;
    }
    </style>
    <![endif]-->
    </head>
    <body>
    <div id="mainContainer">
    <!-- main content -->
    
    <div style="float:left; width:77px; margin-top:165px;">
    <dl>
    <dt class="home"><a href="http://members.shaw.ca/mudsites2/index.htm"></a></dt>
    <dt class="photos"><a href="http://members.shaw.ca/mudsites2/photos.htm"></a></dt>
    <dt class="links"><a href="http://members.shaw.ca/mudsites2/links_contact.htm"></a></dt>
    <dt class="contact"><a href="http://members.shaw.ca/mudsites2/links_contact.htm"></a></dt>
    </dl>
    </div>
    
    <p style="float:left; width:647px;"><img src="http://members.shaw.ca/mudsites2/Images/IndexPic.jpg" style="width:647px; height:567px;" alt="Double D"></p>
    
    
    <!-- main content -->
    </div>
    </body>
    </html>
    Last edited by Ultimater; 06-14-2006 at 05:33 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles