Skip to content
View in the app

A better way to browse. Learn more.

MSFN

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Scrollable codebox for standard website

Featured Replies

Hi guys,

I'm building up my website which was to be simple it would have been HTML 1.0 compliant. :P

However, I wanted the user to be able to hide/unhide some contents (fold/unfold in fact), and I started using javascript (1).

Then I wanted to color some lines and I started using CSS and now I love CSS.

Now, I am doing a codebox, and I would like (or need) that one to be scrollable just like on forums. However, I have no idea on what I should use. I tried to display the source of a webpage with such a thing and then to download the css, but I have not been able to find what was needed. :no:

Does anyone know what I should use ?

Thanks a lot. :hello:

You could try:

<html>
<head>
</head>
<body>

<div style="width: 200px; height: 200px; oveflow: auto;">
Dont forget to set width and height!
</div>

</body>
</html>

Edited by MMx

  • Author

Wow, you joined two years ago and you first post to help.

Thanks a lot.

And your code worked. :w00t:

I've set in my css stylesheet and it's perfect.

Also, I found that it was not possible to use too small values for width and heigth (not under 200px), at least in IE6. But it is also possible to use "width:auto;". :)

And now I wonder why is this code absent from MSFN's CSS. :}

I mean, it was useful and as far as I'm concerned, I never has any problem. :?

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.