Frameset help - hide scrollbars on frames - ☔︎ ∙ I need Help!

dotmidi
Sr. Member ⚓︎

i have grown accustomed to your face...

⛺︎ My Room

Frameset help - hide scrollbars on frames

« on: February 16, 2023 @676.57 »

https://dotmidi.neocities.org/Home-Page/frameset
so i decided to have THREE FRAMES, one with links to friends on the side, the other is a directory

however, since i coded this new frameset the scrollbars r all visible, i don't know how to code them to be invisible (but still functional) i've tried everything, i went to the overall frameset and tried to code the scrollbar, i even went to the individual frames but to no avail

if anyone knows how i can get rid of the scrollbars on my frames pls teach me

Code

<!DOCTYPE html>
<html>

   <head>
      <title>tha homepage!!</title>
   </head>
   <style>

   </style>
   <frameset cols = "20%, 60%, 20%" frameborder="0">
   
  
      <frame src = "https://dotmidi.neocities.org/Home-Page/frame.html" name = "menu_page" noresize />
         <frame src = "https://dotmidi.neocities.org/base.html" name = "main_page"; />
         <frame src="https://dotmidi.neocities.org/friends" name = "friends";>
      <noframes>
         <body>Your browser does not support frames.</body>
      </noframes>
   </frameset>
	
</html>


« Last Edit: February 16, 2023 @687.93 by Melooon »	Logged

From time to time
I may speak in cliché
It's a sign of my age
What can I say?

Melooon
Hero Member ⚓︎

So many stars!

⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood:

Itch.io: My Games

...

Re: Frameset help

« Reply #1 on: February 16, 2023 @687.33 »

So there is prob a CSS solution here (I can see you did "::-webkit-scrollbar {display: none;}") already - but scrollbars can actually be set in your operating system - for example on mac scrollbars are invisible by default, so I actually don't see any scrollbars on your site. Some people prefer to have them visible though and switch them on!

You can also try this for Firefox (-webkit- means Chrome and Safari)

Code

* {
  scrollbar-width: none;  /* Firefox */
}

On Frameset the scrollbars are generated by your frameset page, so that's where you need to test your CSS - you've already done a bit of that so your on the right track!


	Logged

everything lost will be recovered, when you drift into the arms of the undiscovered

dotmidi
Sr. Member ⚓︎

i have grown accustomed to your face...

⛺︎ My Room

Re: Frameset help - hide scrollbars on frames

« Reply #2 on: February 16, 2023 @693.68 »

i am very troubled here.. trying to figure this out to my best capabilities


	Logged

From time to time
I may speak in cliché
It's a sign of my age
What can I say?

Melooon
Hero Member ⚓︎

So many stars!

⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood:

Itch.io: My Games

...

Re: Frameset help - hide scrollbars on frames

« Reply #3 on: February 16, 2023 @711.79 »

My browser is having a bit of a freak out about your code, you had some weird ; characters and missing /> in your frames! I cleaned it up using Prettier - try this code and see if it works better!

Code

<!DOCTYPE html>
<html>
    <head>
        <title>tha homepage!!</title>
    </head>
    <style>
        ::-webkit-scrollbar {
          display: none;
        }
        * {
          scrollbar-width: none;  /* Firefox */
        }
    </style>
    <frameset cols="20%, 60%, 20%" frameborder="0">
        <frame src="/Home-Page/frame" name="menu_page" noresize />
        <frame src="/base" name="main_page" />
        <frame src="/friends" name="friends" />
        <noframes>
            <body>
                Your browser does not support frames.
            </body>
        </noframes>
    </frameset>
</html>


« Last Edit: February 16, 2023 @714.83 by Melooon »	Logged

everything lost will be recovered, when you drift into the arms of the undiscovered

dotmidi
Sr. Member ⚓︎

i have grown accustomed to your face...

⛺︎ My Room

Re: Frameset help - hide scrollbars on frames

« Reply #4 on: February 16, 2023 @726.68 »

Hmm.. I tried it but I can still see the scrollbars, maybe I'll wait to go home and see how it looks on a regular ol' pc? I'm using my school laptop rn