Click to See Complete Forum and Search --> : Help With A Text Box!!!


NorthForce
12-21-2005, 12:00 PM
Hello everyone, this is my first post to this awsome site.

I have started my own site, and consider myself advanced in HTML.
This site is going to be used as my companys main site.

SO, I have made the background, basic codes and design. I used a text box in a previous site, but cannot find the code or any info on how make another one! I need a set area where I can put text or images, with a individual scroll bar, so it can be visable from the background... Kinda think of it as a site within a site...

Does anyone know what im talking about, I need help asap!!
:confused:

NogDog
12-21-2005, 12:31 PM
In the HEAD section of the page:

<style type="text/css">
#textbox {
/* change width and height as desired */
height: 300px;
width: 300px;
overflow: auto; /* this will add scrollbars if needed */
}
</style>

In the body of the document:

<div id="textbox">
<p>Put your content here</p>
</div>

the tree
12-21-2005, 12:40 PM
This ought to do it.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
Page with some little pages.
</title>
<style type="text/css">
<!--
body{
color: #222;
background-color: #ddf
}
div.littlebox{
width: 400px;
height: 200px;
max-height: 200px;
margin: 50px;
overflow: auto;
border: 2px solid #000;
}
-->
</style>
</head>
<body>
<div class="littlebox">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Cras porttitor, felis pretium viverra sodales, metus sem
vulputate sapien, non molestie arcu nisi sed magna.
Aliquam non nibh vel sapien accumsan ornare. Nunc at
enim. Maecenas consequat erat ut tortor. Quisque leo
lectus, eleifend sit amet, facilisis varius, pretium
vitae, neque. Maecenas magna. Curabitur a ligula vehicula
diam lobortis blandit. Etiam pede. In hac habitasse
platea dictumst. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia Curae; Curabitur
dignissim. Duis metus. Curabitur vitae dolor. Class
aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Phasellus varius augue
sed diam. Proin turpis. In molestie magna eu purus. Morbi
rhoncus massa eu quam. Sed vitae dui. Aenean a tortor.
</p>
<p>
Mauris vestibulum. Vestibulum tortor tortor, condimentum
non, ultricies non, posuere eget, ante. Vivamus nec
purus. Vivamus iaculis ipsum vitae turpis suscipit
ultricies. Nunc nec velit. Phasellus pulvinar eleifend
ipsum. Duis ut urna. Fusce posuere imperdiet magna. Donec
posuere libero vel pede. Sed egestas turpis in urna.
Etiam consectetuer accumsan orci.
</p>
</div>
<div class="littlebox">
<p>
Aenean bibendum arcu tristique arcu. Phasellus nonummy,
ante et fringilla ullamcorper, urna mauris egestas dolor,
ac auctor arcu urna at ligula. *** sociis natoque
penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec a elit. Suspendisse potenti. Nulla
facilisi. Nullam arcu diam, malesuada in, tincidunt ac,
faucibus a, felis. Suspendisse ac nulla. Mauris ornare.
Quisque aliquam placerat risus. Phasellus sit amet leo.
Curabitur ligula. Integer mollis urna non nibh cursus
molestie. Sed bibendum tortor at dui. Suspendisse vitae
ipsum. Aliquam sed orci. Donec ipsum. Nam sagittis ante
sed nibh. Cras lorem. Pellentesque eget tortor eu enim
bibendum dictum.
</p>
<p>
Cras eros. Morbi rutrum mattis urna. Pellentesque
condimentum, metus a blandit mattis, massa nisi pulvinar
nulla, ac aliquet mi nibh molestie nisi. Proin at quam a
eros ultricies commodo. Maecenas sapien. Quisque nibh.
Aenean eu ipsum at nisl fringilla iaculis. Ut arcu. Sed
ac neque. Sed placerat mauris in urna. Duis ac lorem.
Donec ornare cursus nunc. Aliquam erat volutpat.
</p>
</div>
</body>
</html>

NorthForce
12-21-2005, 12:43 PM
This helps, but just a little...

How can I change the background color of the box??? Can I use an image?

Not sure how to make a side scroll bar, or how to align other then "left."

Thanks!

NogDog
12-21-2005, 12:45 PM
Time to start learning CSS. You could start with this thread in the CSS forum here: http://www.webdeveloper.com/forum/showthread.php?t=61083