Web Design Forums

mirracle4 · 12-07-2006, 01:06

Hi I am pretty new to Dreamweaver and I want to know how I can make a certain sized text area in the middle of the page that a viewer can scroll through and read without moving the rest of the page. You know what I mean? Just make a small scrollable text box with it's own scroll bar seperate from the browser's main scroll bar. How can I do this in Dreamweaver? THanks a lot.

ph23man · 12-07-2006, 03:09

You can pretty much do this in any text editor but basically what you need is a div to enclose the text area. Then, using CSS, you specify a set height for the div and "overflow: auto;". It should insert a scroll bar once the text exceeds the specified height of the div.

This is more a XHTML/CSS technique, it's not specific to Dreamweaver.

mdude85 · 12-07-2006, 10:27

What you may be thinking about is typically referred to as an IFRAME. I believe they have support for those in dreamweaver, but they're falling out of favor with designers due to the popularity of the < div > overflow property mentioned in this thread.

pgo · 12-07-2006, 11:35

If you know the better way of doing something, why mention the bad way?

mdude85 · 12-07-2006, 12:10

Quote:

Originally Posted by pgo

If you know the better way of doing something, why mention the bad way?

Because if you don't know the bad way, you have nothing to compare the better way to. If there's nothing to compare it to, how can we really know if it's the better way?

John84 · 12-07-2006, 22:47

Thats deep

finbarr · 13-07-2006, 05:11

Quote:

Originally Posted by John84

Thats deep

but very true

Sean McP · 14-07-2006, 00:15

You can make one by going to the tool bar, then selecting "Layout"
Then, the third icon from the left, should say "Draw Layer".
Click and drag over where you want the scrollable text.
Select the new layer, then, in the properties bar, change the Overflow to "Auto"

Keep in mind, the placement of the layer will change with a different screen resolution.

Hope that helped.

pgo · 14-07-2006, 01:00

Not if you know what you're doing and aren't relying on Dreamweaver to do your work for you.

Sean McP · 14-07-2006, 14:02

Quote:

Originally Posted by pgo

Not if you know what you're doing and aren't relying on Dreamweaver to do your work for you.

If it works, who cares?

He asked how to do it in Dreamweaver.

pgo · 14-07-2006, 15:02

Quote:

Originally Posted by Sean McP

If it works, who cares?

Because it's the wrong and unprofessional way to do things in 2006. And it obviously DOESN'T work.

And you'll get a better result, in every possible way, every time if you do it right and hand code it.

Scrollable text box:

Create a <div> or other block-level element. Use CSS to give it a defined width and height and overflow: scroll;. Done.

mdude85 · 17-07-2006, 12:33

Quote:

Originally Posted by pgo

Because it's the wrong and unprofessional way to do things in 2006. And it obviously DOESN'T work.

How doesn't it work?

mx · 17-07-2006, 13:27

Quote:

Originally Posted by Sean McP

Keep in mind, the placement of the layer will change with a different screen resolution.

Wow, that IS a great solution. one that moves depending on resolution!

Maybe if you changed the postioning type to relative and placed it semantically within your code? no?

Seriously, just do what PGO said and learn the code. It's piss-easy stuff so you have no excuse.

mdude85 · 17-07-2006, 13:51

Quote:

Originally Posted by max h

Wow, that IS a great solution. one that moves depending on resolution!

Maybe if you changed the postioning type to relative and placed it semantically within your code? no?

Seriously, just do what PGO said and learn the code. It's piss-easy stuff so you have no excuse.

The idea behind layers is that their positioning is absolute. The excuse is that the user doesn't want to learn the code, he wants to implement it with Dreamweaver.

pgo · 17-07-2006, 14:49

I'm afraid most of us can, in fact, read.

mdude85 · 17-07-2006, 17:56

Quote:

Originally Posted by pgo

I'm afraid most of us can, in fact, read.

Then read this and answer it:

Scrollabe Text Box!

mx · 18-07-2006, 05:21

Quote:

Originally Posted by mdude85

The idea behind layers is that their positioning is absolute. The excuse is that the user doesn't want to learn the code, he wants to implement it with Dreamweaver.

Precisely. and it's a crap solution, which highlights the benefits of learning a bit of code. anyway he CAN do it in dreamweaver, just click on code view and away you go!

Quote:

Originally Posted by mdude85

Then read this and answer it:

Scrollabe Text Box!

ah. eluded by the quote button again

pgo · 18-07-2006, 11:51

Quote:

Originally Posted by mdude85

Then read this and answer it:

Scrollabe Text Box!

Don't gimme none of yer lip, son.

mdude85 · 18-07-2006, 12:09

Quote:

Originally Posted by pgo

Don't gimme none of yer lip, son.

Ok, so is avoiding questions normal for you or is this just a one-time thing?

pgo · 18-07-2006, 12:21

Haha, Jesus H. Christ.

Fine. I said that it didn't work because it obviously doesn't. He wouldn't have posted if it worked.

Several people mentioned the right way to do it - including myself - which is the way you'd (well, the way I'd do it in Dreamweaver) do it in Dreamweaver and the way it should be done.

End of story.

12-07-2006, 01:06	#1 (permalink)
mirracle4 Registered User Join Date: Jul 2006 Posts: 3	Scrollabe Text Box! Hi I am pretty new to Dreamweaver and I want to know how I can make a certain sized text area in the middle of the page that a viewer can scroll through and read without moving the rest of the page. You know what I mean? Just make a small scrollable text box with it's own scroll bar seperate from the browser's main scroll bar. How can I do this in Dreamweaver? THanks a lot.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

12-07-2006, 03:09	#2 (permalink)
ph23man Registered User Join Date: Jun 2006 Posts: 3	You can pretty much do this in any text editor but basically what you need is a div to enclose the text area. Then, using CSS, you specify a set height for the div and "overflow: auto;". It should insert a scroll bar once the text exceeds the specified height of the div. This is more a XHTML/CSS technique, it's not specific to Dreamweaver.

12-07-2006, 10:27	#3 (permalink)
mdude85 Registered User Join Date: Jul 2006 Posts: 26	What you may be thinking about is typically referred to as an IFRAME. I believe they have support for those in dreamweaver, but they're falling out of favor with designers due to the popularity of the < div > overflow property mentioned in this thread.

12-07-2006, 11:35	#4 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	If you know the better way of doing something, why mention the bad way?

12-07-2006, 22:47	#6 (permalink)
John84 Registered User Join Date: Jul 2006 Posts: 5	Thats deep

14-07-2006, 00:15	#8 (permalink)
Sean McP Registered User Join Date: Jul 2006 Posts: 16	You can make one by going to the tool bar, then selecting "Layout" Then, the third icon from the left, should say "Draw Layer". Click and drag over where you want the scrollable text. Select the new layer, then, in the properties bar, change the Overflow to "Auto" Keep in mind, the placement of the layer will change with a different screen resolution. Hope that helped.

14-07-2006, 01:00	#9 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Not if you know what you're doing and aren't relying on Dreamweaver to do your work for you.

17-07-2006, 14:49	#15 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	I'm afraid most of us can, in fact, read.

18-07-2006, 12:21	#20 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Haha, Jesus H. Christ. Fine. I said that it didn't work because it obviously doesn't. He wouldn't have posted if it worked. Several people mentioned the right way to do it - including myself - which is the way you'd (well, the way I'd do it in Dreamweaver) do it in Dreamweaver and the way it should be done. End of story.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)