PDA

View Full Version : Remove bottom scrollbar

YellowYoshi
07-15-2003, 08:06 PM
Is there a way of removing the bottom scrollbar? For some reason, it always appears in my page, but theres nowhere where you can scroll to! Please help!
MaGiCSuN
07-15-2003, 08:10 PM
probably your content is to width. Check if any files are too large in width. if so, cut them off with a graphic editor, or if you have any text that is more width then the actual page size then edit the width from it by making an div around it, or if you allready have something around it make the width smaller.

Love,
mirna
YellowYoshi
07-15-2003, 08:13 PM
Theres nothing. I know theres a code that gets rid of the scrollbar, but I don't know it. Maybe it's CSS. Does anyone know?
MaGiCSuN
07-15-2003, 08:23 PM
yes there is something, otherwise the scrollbar wouldn't appear. Can i see the page you are having trouble with?

Love,
Mirna
YellowYoshi
07-15-2003, 08:31 PM
It's not online yet. I'm working on it on my own computer. I still haven't found anything :(
MaGiCSuN
07-15-2003, 08:34 PM
then can you post the html of the page you are having trouble with maybe?

Love,
Mirna
YellowYoshi
07-15-2003, 08:57 PM
<html>
<head>


<script language="JavaScript" >
<!--
win155.close();
//-->
</script>

<title>Navigation Bar</title>

<link rel="stylesheet" type="text/css"
href="css.css" />

<style type="text/css">
<!--
body {background-color: #ccffff;
background-image: url(background1.gif);
background-repeat: no-repeat;
background-position: top center; }
span {font-size:11px; font-style:italic}
.menus {cursor:hand}
-->
</style>


<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:transparent;
color:#000000;
width:110px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B
***********************************************/

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");

//DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

</script>


</head>

<BODY style="cursor:crosshair" onMouseover="if

((document.all||document.getElementById)&&window.parent.pull) window.parent.pull()"
onMouseout="if ((document.all||document.getElementById)&&window.parent.pull)

window.parent.draw()">
<script language="JavaScript1.2"></script>

<div width="10px" style="color:darkred; position:absolute; top:the 3px; right:0;">
A<br>D<br>S<br><br>M<br>E<br>N<br>U
</div>

<img src="adsmenupic.gif"><br>
<font style="font-size:11;">Click on a sub-menu to reveal its links.</font><p>
<!-- Keep all menus within masterdiv-->
<div id="masterdiv">

<img src="pictureaffiliates.gif" class="menus" onclick="SwitchMenu('sub1')">
<span class="submenu" id="sub1">
<center><img src="http://yoshilore.iwebland.com/images/Affiliate.jpg" width="88"

height="31" name="affiliates" style="filter: alpha(opacity=80);"></center><br>

- <a href="http://geocities.com/purple_yoshi2000" target="_new" class="nav"

onmouseover="document.images.affiliates.src='http://yoshilore.iwebland.com/images/pypb.jpg'"

onmouseout="document.images.affiliates.src='http://yoshilore.iwebland.com/images/Affiliate.jpg'">

Purple Yoshi's Page</a><br>

- <a href="http://ZG38.2YA.COM/" target="_new" class="nav"

onmouseover="document.images.affiliates.src='http://yoshilore.iwebland.com/images/coh.jpg'"

onmouseout="document.images.affiliates.src='http://yoshilore.iwebland.com/images/Affiliate.jpg'">

The Chal. Hyrule</a><br>

- <a href="http://daisysunshine.cjb.net" target="_new" class="nav"

onmouseover="document.images.affiliates.src='http://yoshilore.iwebland.com/images/dsb.jpg'"

onmouseout="document.images.affiliates.src='http://yoshilore.iwebland.com/images/Affiliate.jpg'">

Daisy Sunshine</a><br>

- <a href="http://www.greenluigismansion.cjb.net" target="_new" class="nav"

onmouseover="document.images.affiliates.src='http://yoshilore.iwebland.com/images/glm.jpg'"

onmouseout="document.images.affiliates.src='http://yoshilore.iwebland.com/images/Affiliate.jpg'">

G. Luigi's Mansion</a><br>

</span>

<img src="picturesite.gif" class="menus" onclick="SwitchMenu('sub2')">
<span class="submenu" id="sub2">
- <a href="Site_Birthdays.html" target="right">Site Birthdays</a><br>
- <a href="Secret_Info.html" target="right">Secret Page</a><br>
- <a href="Staff.html" target="right">Staff</a><br>
- <a href="Awards.html" target="right">Awards I've won</a><br>
- <a href="My_Award.html" target="right">Win My Award</a><br>
- <a href="Old_Layouts.html" target="right">Old Layouts</a><br>
</span>

<img src="pictureinteractive.gif" class="menus" onclick="SwitchMenu('sub3')">
<span class="submenu" id="sub3">
- <a href="protectedclub/Members.html" target="right">Login to the Club</a><br>
- <a href="Join_YoshiLore.html" target="right">Join the Club</a><br>
- <a href="Newsletter.html" target="right"><font

style="font-size:10">Suscribe-Newsletter</font></a><br>
- <a href="Link_Us.html" target="right">Link Yoshi Lore</a><br>
- <a href="Optional_Vote.html" target="right">Optional Vote</a><br>
- <a href="http://scripts.cgispy.com/post.cgi?id=YoshisMaster" target="_new">Send

E-Cards</a><br>
- <a href="Contact_Me.html" target="right">Contact Me</a><br>
- <a href="Contests.html" target="right">Y.L. Contests</a><br>
- <a href="Ending_Story.html" target="right">Never Ending Story</a><br>
- <a href="Classified_Ads.html" target="right">Classified Ads</a><br>
</span>

<img src="pictureyoshislife.gif" class="menus" onclick="SwitchMenu('sub4')">
<span class="submenu" id="sub4">
- <a href="Yoshis_Story.html" target="right">Yoshis' Story</a><br>
- <a href="Yoshi_Best.html" target="right">Yoshi, The Best</a><br>
</span>

</div>

<SCRIPT LANGUAGE="JavaScript">
<!--
function stopError() {
return true;
}
window.onerror = stopError;
// -->
</SCRIPT></body>

</html>

Thats my code^
MaGiCSuN
07-15-2003, 09:52 PM
hmm, are there any weird widths in your css? since you are using allot of classes, i can't see anything wrong with this coding.

Can you post your whole css bunch of codes? i'm sorry im such a pain lol, but there must be something that is causing the scrollbar

Love,
Mirna
YellowYoshi
07-15-2003, 10:22 PM
A:link {text-decoration: underline overline; color:#009966 }
A:visited {text-decoration: underline overline; color:#009966 }
A:active {text-decoration:line-through; font-style: italic; color:#009966 }
A:hover {text-decoration: none; color:#0066ff;

background-image:url(backl.gif);
background-color:#000f00;

cursor: crosshair}

body {background-color: #ccffff;
background-image: url(backgroundYL.gif);
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;

font-family: comic sans ms, arial, verdana;
color: #003300 ;
font-weight:400;
font-size:x-small;

scrollbar-face-color : black;
scrollbar-highlight-color : darkblue;
scrollbar-3dlight-color : darkred;
scrollbar-shadow-color : silver;
scrollbar-darkshadow-color : black;
scrollbar-track-color : darkblue;
scrollbar-arrow-color : gold }

td {font-family: comic sans ms, arial, verdana;
color: #003300 ;
font-weight:400;
font-size:x-small;}

That's the external Style Sheet.