Making a scroll bar within a page

**robotics** · 07-25-2003, 06:41 PM

Hello to whom this may concern,

My problem is kinda complicated yet simple at the same time, let me TRY and explain. Ok so my website is www.zonefire.net/home.html -- if you scroll up and down to read our news section which is that URL, then you see that the text goes over the horizontal line in the upper portion of the background image. I am wondering how you make another bar so that text does not "overflow" into this part of the image page (above the horizontal line where it says www.zonefire.net cs east invite etc...), you know what I mean?

Like what is the HTML code to do this? I want to show you what I have done so far:

It is at http://www.zonefire.net/repair.html -- this is basically what I was looking for, except I want to add two things to it. The first one is pretty obvious, how do I get the background image (if you view source this is zf211.jpg in my image directory) to show up in the box where you can scroll the news (the box is presently white). Moreover, how do I change the color of the scroll bar which is by default grayish looking like normal, to something like a black or one with some blue in it to make it look more catchy? I hope you understand what I mean...I can add more detail if need be. So basically I made two HTML documents, with each document separate from each other but one HTML document (namely repair.html in this case) contained another HTML document (in this case newsbackup.html)....

Ok thanks for your time, I appreciate anything you can suggest,
Lawrence

**HTML** · 07-25-2003, 07:05 PM

Code:

<html>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<style>
a            { text-decoration: none }
A:hover {   text-decoration: none; color: #1E90FF}</style>
</head>

<div align="left">
  <table width="1024 table height="768">
    <tbody>
      <tr>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 style="background-image:URL('/images/zf211.jpg'); background-repeat: no-repeat">

<body background="/images/zf211.jpg" text="#ffffff" link="#ffffff" vlink="#ffffff" alink="#ffffff" bg-repeat="no-repeat" bgproperties="fixed">
<br>
<br>

Your primary concern at this time should be to correct your pages, after seeing the first pieces of code I did not look at anymore source so I am sure there is more wrong than just this. I doubt you need me to tell you what is wrong, let me know if you do.

Have you considered slicing the image and using frames?

Dave

**squaky** · 11-29-2003, 06:10 PM

omg how do u learn all those codes!?? i want to learn

**QuietDean** · 11-29-2003, 09:40 PM

you learn by reading tutorials, reading articles, and generally experimenting.

If you wish to learn, then your on the right track

**let_it_bleed927** · 03-30-2007, 05:28 PM

The code doesn't have to be that long. Jesus. All you need is something like this:
<div style="width:300px;height:150px;overflow:auto;border-width:2px;border-color:000000;border-style:dotted;">
If it's for myspace and you wanna give it a headline all you have to do it press Enter once so that you right underneath the code and type:
<strong>Enter Text</strong>

**ice_chase** · 04-11-2007, 10:35 PM

Originally Posted by let_it_bleed927

The code doesn't have to be that long. Jesus. All you need is something like this:
<div style="width:300px;height:150px;overflow:auto;border-width:2px;border-color:000000;border-style:dotted;">
If it's for myspace and you wanna give it a headline all you have to do it press Enter once so that you right underneath the code and type:
<strong>Enter Text</strong>

This is it! No css sh** needed!

**DeadMeatGF** · 04-12-2007, 02:26 AM

Originally Posted by ice_chase

This is it! No css sh** needed!

I appreciate that you may not be a css fan, but that's a completely pointless comment.
Totally inaccurate, too.
What do you think style="width:300px;height:150px;overflow:auto;border-width:2px;border-color:000000;border-style:dotted;"
is?

Thread: Making a scroll bar within a page

Thread Tools

Related

Making headings bold in scroll bar! Forum: HTML Forum

How to have a div that follows you down the page as you scroll? Forum: Javascript Forum

Not sure why my page doesn't scroll Forum: CSS Forum

Making a scroll bar on the "about me" table Forum: Myspace Forum

Scroll Bar for text within page. Forum: HTML Forum

Making a scroll bar within a page

Re: Making a scroll bar within a page

Re: Making a scroll bar within a page

Re: Making a scroll bar within a page

Tags for this Thread