I know this has probably been posted before, but im making a site hosted on apache, and using dreamweaver 8 to edit it ok,
well, i wanted a box with a vertical scroll on it so i could use it for updates etc, so it wouldnt occupy my space to much, well, i havent used frames before, and my page is just a normal page so i dont know how to insert the frame and if i have to do the whole page over again, if you want to know what i am on about please view www.tayles.ath.cx and click on the soma section. hopefully someone understands me, thank you

I think I understand and I have two suggestions. The first is to use an iframe. The code would look something like:

<iframe src="pathToYourFile.html" width="500" height="500" scrolling="auto""></iframe>
and then the information you want to display inside the iframe would be in pathToYourFile.html.

Here's a quick tutorial on iframes at W3Schools


The other way to do essentially the same thing is to place all the text you want to display inside of a div tag and then using some css set the overflow property to scroll or auto. So you might have something like:

<div class="scroll">
all the text you want to display
</div>

and your css:

div.scroll {overflow: auto} or div.scroll {overflow: scroll}

You'd probably also want to use more css to style things and you can specify the scroll or auto on just overflow-x or overflow-y.

Here's a page again from W3Schools to show you the the values you can use with the overflow property

Hope that helps.

Thanks, that helped a lot, i made a new page for my update box im proud of it
I appreciate your help, thankfully i was guided to this forum after days of searching for html help lol
Site = bookmarked

I'll be back

Glad I could help. I see you have an iframe on your site now so I guess that's the option you decided to go with.

Hope to see you back here again.

The other way to do essentially the same thing is to place all the text you want to display inside of a div tag and then using some css set the overflow property to scroll or auto. So you might have something like:

<div class="scroll">
all the text you want to display
</div>

and your css:

div.scroll {overflow: auto} or div.scroll {overflow: scroll}

Hi VAGOGH

is this method serach engine friendly?
Thanks in advance

What has search engines got to do with it?

Hi thank you for your reply, I meant all the words I will put between the "<div class="scroll">" and "</div>" will it be read by search engine crawler easily as normal html text? I have been advised not to use frames for SEO reason but i dont know why? Thanks

The content in the iframe would be seen as coming from a different URL, but inside the div it would be seen as coming from the same URL as the rest of the page.

Assuming you want the content to be see as part of the page then yes using the div is more search engine friendly, but if it's not important for that content to be seen as being part of the same page then it probably doesn't make a difference.

The important thing is that the iframe pulls content from a different URL than the page and the div is displaying content on the same URL as the page and they will be read as normal html text.

Hi.

I'm trying to put 2 long tables on a fixed size HTML/CSS template (I'm having lots of trouble trying to style those tables, but that's a subgect for another diferent post).
I'm using DreamWeaver CS4.
I would like to use the Div technique explained here, but I'm not sure what to do with the "div.scroll {overflow: auto}" ...

Where shoul I paste this code?
I've tryed to open the template's "style.css" and paste that line of code there, but nothing happens...

What should I do?

Thank you,

jrsilva