Enbed text window on page with scrolbars



 DEVELOP > Dreamweaver > Enbed text window on page with scrolbars

LINK TO THIS PAGE  


rating :  0   |  0


  Page 1 of 1

1

 
Topic: DEVELOP > Dreamweaver
User: "electro-dud"
Date: 30 Jan 2008 09:49:08 PM
Object: Enbed text window on page with scrolbars
I have a small table on my page of 450 pixels by 400 pixels and I want to put a
page of text in it than is larger than that size so I need to embed a smaller
window and have the use use the scrolbar to scroll down the page of text inside
the window. I don't want to use a pop-up window.
Please help
Thanks in advane
.

User: "Michael Fesser"

Title: Re: Enbed text window on page with scrolbars 31 Jan 2008 07:11:09 AM
..oO(electro-dud)

I have a small table on my page of 450 pixels by 400 pixels and I want to put a
page of text in it than is larger than that size so I need to embed a smaller
window and have the use use the scrolbar to scroll down the page of text inside
the window. I don't want to use a pop-up window.

If it's just a single text, then it might be OK.
But if it's like that on the entire website, then you should rethink the
layout. Such scrolling boxes are a real pain to use and often look quite
lost on a screen with a higher resolution or a big browser window.
Micha
.

User: "TC2112"

Title: Re: Enbed text window on page with scrolbars 30 Jan 2008 10:57:31 PM
Hello,
You can use a "scrollable div".
Just insert a div with overflow set to auto.
Here's an example.
Notice there is no table height value as the height of the div controls
that.
Just insert this into a blank page to see how it works.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
<!--
..scroll {
height: 400px;
width: 450px;
overflow: auto;
border: 1px solid #000099;
}
p {margin: 0.2em 0.5em;}
-->
</style>
</head>
<body><table width="450" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td><div class="scroll">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at
nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in,
commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus
quis ligula. Phasellus tristique purus a augue condimentum adipiscing.
Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate
at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.
Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec,
suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed
turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et,
fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id,
varius et, nibh. Donec nec libero.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at
nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in,
commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus
quis ligula. Phasellus tristique purus a augue condimentum adipiscing.
Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate
at, odio.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at
nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in,
commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus
quis ligula. Phasellus tristique purus a augue condimentum adipiscing.
Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate
at, odio.</p>
</div></td>
</tr>
</table>
</body>
</html>
Take care,
Tim
"electro-dud" <webforumsuser@macromedia.com> wrote in message
news:fnrgfk$n9p$1@forums.macromedia.com...

I have a small table on my page of 450 pixels by 400 pixels and I want to
put a
page of text in it than is larger than that size so I need to embed a
smaller
window and have the use use the scrolbar to scroll down the page of text
inside
the window. I don't want to use a pop-up window.

Please help

Thanks in advane

.


  Page 1 of 1

1

 


Related Articles
 

NEWER

pg.4672     pg.3585     pg.2749     pg.2106     pg.1612     pg.1232     pg.940     pg.716     pg.544     pg.412     pg.311     pg.234     pg.175     pg.130     pg.96     pg.70     pg.50     pg.35     pg.24     pg.16     pg.10     pg.6     pg.3     pg.1

OLDER