Need help with HTML codes in Dreamweaver.

[marie6]

I’m currently designing my website on Dreamweaver 8 and I have run into some problems.

I’m trying to sow some scroll boxes on one of my pages and I can’t find out how to do that so it shows up correctly.

I tried choosing Insert > HTML > Script Objects > Noscript

The scroll box shows up, but it’s empty and not scrollable!

Will it work once I publish my site or have I gone about this the wrong way?

Hope you can guide me in to making this work properly.

Something like this is how I want the scrollbox to look on my website, once it has been published.

Thank you for any help you can provide me with

[Shockt]

You will have to manually input this as I am not sure how to add something like this with Dreamweaver. But this code should give you what you what:

<div style="width: 400px; height: 20px; overflow: auto;">
Something like this is how I want the scrollbox to look on my website, once it has been published.
</div>

And then adjust your width and height as necessary.

[marie6]

Originally Posted by Shockt

You will have to manually input this as I am not sure how to add something like this with Dreamweaver. But this code should give you what you what:

<div style="width: 400px; height: 20px; overflow: auto;">
Something like this is how I want the scrollbox to look on my website, once it has been published.
</div>

And then adjust your width and height as necessary.

Thank you for replying

I tried pasting the code using the code view in Dreamweaver, and when I view design the text shows up, but no scroll box. Did I do it wrong? That was what you meant by manually right? (sorry, I'm at an early beginner level)

[Taltos]

Hi Marie6,

I don't know about anyone else, but I never use DW's Design view. It is so frequently different than what it looks like in a browser that I never use it. I relied on it when I first started, like you, and it caused me a huge amount of headache before I figured out that I needed to preview in browser(s) to really see what things were going to look like.

Good Luck!

[Shockt]

Originally Posted by marie6

Thank you for replying

I tried pasting the code using the code view in Dreamweaver, and when I view design the text shows up, but no scroll box. Did I do it wrong? That was what you meant by manually right? (sorry, I'm at an early beginner level)

Probably because you don't have enough text to cause the box to scroll. Try typing a large paragraph of text and see if that causes the scrollbars to appear.

Something like this:

<div style="width: 400px; height: 20px; overflow: auto; background: #CCC;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas pharetra arcu non nulla. Integer varius nisl quis sapien. Etiam non quam. Suspendisse aliquam mi nec quam. Nam in risus. Etiam nulla felis, porttitor id, volutpat at, dictum eu, nunc. In molestie quam nec nisl. Aenean et augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In cursus, nulla ut lacinia congue, sapien justo sodales diam, et faucibus massa urna eu metus. Cras neque quam, laoreet sit amet, congue sit amet, nonummy facilisis, urna. Sed aliquet, mi at fermentum viverra, felis leo mattis ipsum, a euismod diam magna nec pede. In commodo, ante vel mattis pellentesque, justo nibh lobortis felis, vitae feugiat mauris enim molestie lorem. Aenean volutpat sollicitudin justo. Aenean quam. Fusce tristique vehicula lacus. Cras et lacus vel augue porttitor eleifend. Integer quis dui a sem consequat condimentum. Nam at massa sed metus sollicitudin viverra. Donec vel est.
</div>

Note that I added a background color so you can see where the box bounds are. Remove that attribute when you tweak the box to your liking.

[marie6]

Originally Posted by Shockt

Probably because you don't have enough text to cause the box to scroll. Try typing a large paragraph of text and see if that causes the scrollbars to appear.

Something like this:

<div style="width: 400px; height: 20px; overflow: auto; background: #CCC;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas pharetra arcu non nulla. Integer varius nisl quis sapien. Etiam non quam. Suspendisse aliquam mi nec quam. Nam in risus. Etiam nulla felis, porttitor id, volutpat at, dictum eu, nunc. In molestie quam nec nisl. Aenean et augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In cursus, nulla ut lacinia congue, sapien justo sodales diam, et faucibus massa urna eu metus. Cras neque quam, laoreet sit amet, congue sit amet, nonummy facilisis, urna. Sed aliquet, mi at fermentum viverra, felis leo mattis ipsum, a euismod diam magna nec pede. In commodo, ante vel mattis pellentesque, justo nibh lobortis felis, vitae feugiat mauris enim molestie lorem. Aenean volutpat sollicitudin justo. Aenean quam. Fusce tristique vehicula lacus. Cras et lacus vel augue porttitor eleifend. Integer quis dui a sem consequat condimentum. Nam at massa sed metus sollicitudin viverra. Donec vel est.
</div>

Note that I added a background color so you can see where the box bounds are. Remove that attribute when you tweak the box to your liking.

This worked! I'm so happy, thanks!