-
1. Re: How do I add a box with HTML text with a scroll bar?
Nancy O. Oct 8, 2011 10:58 AM (in response to dbthumb)Define a CSS height in pixels and use the overflow property to add a scrollbar to your container.
CSS:
#divName {
width: 400px;
height: 300px;
overflow-y:scroll;
}
HTML:
<div id="divName">
html text goes inside this container
</div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
2. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 8, 2011 11:08 AM (in response to Nancy O.)Thanks for the info! Let me ask you this, I've created a SWF file of the text that has the links active, can I use that file instead of HTML text?
-
3. Re: How do I add a box with HTML text with a scroll bar?
Curtis_E_Flush Oct 8, 2011 11:12 AM (in response to dbthumb)Putting links in an SWF file effectively hides them from search engines. If you never want anyone to find these links in a search (google, yahoo etc), then put them in a Flash container. Otherwise, keep them text.
-
4. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 8, 2011 11:43 AM (in response to Curtis_E_Flush)I'm not really concerned about the search bots finding the links. I'm more concerned that the SWF file will scroll and the links in the file will be active. Is this possible doing Nancy O solution?
-
5. Re: How do I add a box with HTML text with a scroll bar?
Nancy O. Oct 8, 2011 11:52 AM (in response to dbthumb)I agree with Curtis_E_Flush. Flash is not web friendly. You'll be alienating a large segment of web users who can't access Flash content such as translators, screen readers, iPhone/iPad/iTouch and many other devices. HTML text reaches everyone.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
6. Re: How do I add a box with HTML text with a scroll bar?
Nancy O. Oct 8, 2011 11:54 AM (in response to dbthumb)Just to clarify, scrolling SWF content needs to be coded in the FLA project file with Action Script.
Nancy O.
-
7. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 8, 2011 12:24 PM (in response to Nancy O.)So, Nancy O, You recommend redoing the file in HTML and putting hyperlinks in the HTML text? Please claify putting a CSS box in the space allotted in DW. Should I insert the CSS holder and then insert the HTML text? I'm not that knowledgeable in DW.
-
8. Re: How do I add a box with HTML text with a scroll bar?
Nancy O. Oct 8, 2011 1:23 PM (in response to dbthumb)Short answer to everything is yes.
I assume you're starting your project with a pre-built CSS Layout. If not, find one. It should have all the columns and basic division tags needed for your project. (See links below.)
I also recommend working in Split View because Design View alone isn't 100% reliable. The best results in Dreamweaver come from a good working knowledge of HTML and CSS code.
Links to Beginner CSS Templates -
For commercial CSS Templates that are rock solid and perform well in all browsers, visit Project Seven:
http://www.projectseven.com/products/index.htm
Not Just a Grid CSS Framework
http://www.notjustagrid.com/demo.asp
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages (read the documentation)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Ultimate Multi-Column Layouts
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width s
Best of luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
9. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 8, 2011 2:16 PM (in response to Nancy O.)Nancy O, thanks for your plethora of information. I never thought adding a SWF file in DW would be this complicated! It's a piece of cake in Flash. Why doesn't DW provide a holder for adding SWF or HTML files? It seems so simple a need. To reconstruct the entire site in a different format is incredible, just to have a piece of HTML text or a SWF inserted in a specific space. But, I thank you for all your support and information. I will post my success or failure, so please check back.
-
10. Re: How do I add a box with HTML text with a scroll bar?
Nancy O. Oct 8, 2011 3:11 PM (in response to dbthumb)Honestly, it's very easy to insert an SWF file into your HTML document.
Insert > Media > ...
I think what's tripping you up is a perceived need for extra scrollbars. Without seeing your SWF it's hard to comment on why you need them at all.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
11. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 8, 2011 3:30 PM (in response to Nancy O.)I've tried to insert media. The SWF file is 300px X1200px deep and when I insert it in a 640px X 300px window, it breaks apart the page because it shows the whole SWF file. The insert media command just inserts the whole document. It doesn't insert it in a holder window. Lost in a Dreamweaver
-
12. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 8, 2011 3:43 PM (in response to dbthumb)Sorry, the SWF file is 640 X 1200px. The space is 640 X 300px.
-
13. Re: How do I add a box with HTML text with a scroll bar?
Nancy O. Oct 8, 2011 4:31 PM (in response to dbthumb)As I see it, you have 2 options. Modify your SWF in Flash to fit a smaller canvas/story board. Or eliminate height restrictions in your HTML page. Page height should always be determined by content anyway. That's why the browser Gods created default scrollbars.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
14. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 9, 2011 9:38 AM (in response to Nancy O.)Well, Nancy O, I finally got it to work. I couldn't have done it without your help! I have one more question, It works fine in Safari, but in Firefox and Chrome the box is shifted to the right. Is there any way to correct this problem. I will send you a link to the page if you need to check it out. Thanks again for your help!
-
15. Re: How do I add a box with HTML text with a scroll bar?
Nancy O. Oct 9, 2011 10:07 AM (in response to dbthumb)Please post a URL to your test page.
Thanks,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
16. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 9, 2011 10:34 AM (in response to Nancy O.)Here you go: http://www.davidbrewer.com/GEC_2011/GECtheAct.html
-
17. Re: How do I add a box with HTML text with a scroll bar?
Nancy O. Oct 9, 2011 1:39 PM (in response to dbthumb)Absolute positioning.... ick! No wonder you're having trouble.
Default CSS positioning (unspecified) is all that is required for 98% of web page layouts.
Consider the following CSS Template.
http://alt-web.com/TEMPLATES/2-col-custom.shtml
No APDivs, no extra scrollbars, no images, nothing Flashy. Just basic HTML & CSS. Page height is dictated by content so you can easily manage long and short pages in your site.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
18. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 9, 2011 3:07 PM (in response to Nancy O.)Nancy O, you are totally amazing! How anyone can spot and solve a problem as you have boggles my mind!!! As you can tell DW is not one of my strong suits.
When I stopped "absolute", the box broke apart it's surrounding images so I will have to tweak the box size. Other than that, it stayed where it should be in all the browsers in "preview". I will fix and post tomorrow if you're interested. Hopefully it will look the same with my changes.
I can't thank you enough for your help and patients!
-
19. Re: How do I add a box with HTML text with a scroll bar?
dbthumb Oct 10, 2011 11:00 AM (in response to dbthumb)Nancy O, one more check if you would. The HTML box works OK on every page except "theAct". It spreads the images a little bit. Also, the FLV player does it on one or two pages. I've checked the settings on everything a dozen times and they all seem the same. Maybe you can spot something wrong! http://www.davidbrewer.com/GEC_2011/index.html



