Scroll bars

**RobertScrivens** · 06-12-2006 04:54 PM

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.

**dthurman1432** · 06-12-2006 05:01 PM

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);">

**Albert_chu** · 06-14-2006 02:56 AM

i dont see any scrollbar =/

**felgall** · 06-14-2006 03:54 AM

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.

**Ultimater** · 06-14-2006 04:23 AM

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>

Thread: Scroll bars

Thread Tools

Display

Scroll bars

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions