I have several pages I need scrolling text boxes on. They need to be a percise size because they fit in the middle of a page. How do I do this in dreamweaver? I have Dreamweaver MX, do I do it in a Layer, or does it need to be frames? A Form Object? I'm just not sure. Also is there a way I can make custom Scroll bars (color and shape?) I will post the example at www.douganfarms.com/ahi/ex
Thaks in Advance, John
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Coloring and controllable elements of scrollbars:
http://www.htmlite.com/CSS
http://rainbow.arch.script
To create an inline scrolling box:
http://www.quackit.com/css
Combine the lesson in the last link with the information in the first two to get the maximum effect.
Flash could still be an option for you...There is nothing that says the content of the scroll box has to be hard-coded into Flash. ActionScript is perfectly capable of calling an external file or database and reading the text of it into the movie. In fact, that is how most Flash-based sites work. Someone creates the page elements (navigation, graphics, animations, sound) that surround a content area. The content area pull in text from external files or a database that someone other than the flash developer can control.
If you want the specifics, post a question in the Flash TA or just search it...this is a common task.
douganfarms,
read the third link I posted:
<style>
.contentBox {
display:block;
border-width: 1px;
border-style: solid;
border-color: 000;
padding:5px;
margin-top:5px;
width:200px;
height:50px;
overflow:scroll
}
</style>
<div class="contentBox">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</div>
Jason 1178, thank you for the links, I did read them. I tried the style solution in dreamweaver invironment, and if I put all the text in the box expands on the page, and when I say "convert to 3.0 compatible" layers to tables. It says I can't do it because layer 18 overlaps layer 19? Should I first build the page, tabel it then paste the text?
John
You don't want to convert that div to a table cell, it loses the properties of the div. Just stick the div in the cell and set the size and it should pull the size of the cell to match.
Set up the layers and covert to a table so the layout is the way you want it. Then replace the cell contents with the div and add the style. That ought to achieve the effect you are looking for.
Can you post a link so I can take a look at what you are trying to do? Hopefully we are on the same page here.
John,
Here's sort of what I mean. I may have picked the wrong cell to fix (when they are named layer1 through layer20, that can happen):
<html xmlns="http://www.w3.org/1
<head>
<title>Ahi Sushi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(p
document.MM_pgW=innerWidth
else if (innerWidth!=document.MM_p
}
MM_reloadPage(true);
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_pre
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&p
d=parent.frames[n.substrin
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;
for(i=0;!x&&d.layers&&i<d.
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arg
if ((x=MM_findObj(a[i]))!=nul
}
//-->
</script>
<style>
.contentBox {
display:block;
border-width: 1px;
border-style: solid;
border-color: 000;
padding:5px;
margin-top:5px;
width:160px;
height:305px;
overflow:scroll
}
</style>
</head>
<body onLoad="MM_preloadImages('
<div id="Layer1" style="position: absolute; left: 120px; top: 11px; width: 141px; height: 122px; z-index: 1"><a href="index.html"><img src="images/homlogo_lft.gi
<div id="Layer2" style="position: absolute; left: 261px; top: 11px; width: 102px; height: 88px; z-index: 2"><a href="index.html"><img src="images/homlogo_rt.gif
<div id="Layer3" style="position: absolute; left: 540px; top: 62px; width: 60px; height: 37px; z-index: 3"><a href="sushi.html" onMouseOut="MM_swapImgRest
<div id="Layer4" style="position: absolute; left: 600px; top: 62px; width: 60px; height: 37px; z-index: 4"><a href="drink.html" onMouseOut="MM_swapImgRest
<div id="Layer5" style="position: absolute; left: 660px; top: 62px; width: 60px; height: 37px; z-index: 5"><a href="delivery.html" onMouseOut="MM_swapImgRest
<div id="Layer6" style="position: absolute; left: 720px; top: 62px; width: 60px; height: 37px; z-index: 6"><a href="press.html" onMouseOut="MM_swapImgRest
<div id="Layer7" style="position: absolute; left: 780px; top: 62px; width: 40px; height: 37px; z-index: 7"><a href="about.html" onMouseOut="MM_swapImgRest
<div id="Layer8" style="position: absolute; left: 820px; top: 62px; width: 142px; height: 93px; z-index: 8"><a href="#" onMouseOut="MM_swapImgRest
<div id="Layer9" style="position: absolute; left: 261px; top: 99px; width: 132px; height: 35px; z-index: 9"><a href="#" onMouseOut="MM_swapImgRest
<div id="Layer10" style="position: absolute; left: 393px; top: 99px; width: 71px; height: 35px; z-index: 10"><a href="lowcarb.html" onMouseOut="MM_swapImgRest
<div id="Layer11" style="position: absolute; left: 464px; top: 99px; width: 54px; height: 35px; z-index: 11"><a href="lunch.html" onMouseOut="MM_swapImgRest
<div id="Layer12" style="position: absolute; left: 518px; top: 99px; width: 60px; height: 35px; z-index: 12"><a href="dinner.html" onMouseOut="MM_swapImgRest
<div id="Layer13" style="position: absolute; left: 578px; top: 99px; width: 72px; height: 35px; z-index: 13"><a href="specials.html" onMouseOut="MM_swapImgRest
<div id="Layer14" style="position: absolute; left: 650px; top: 99px; width: 70px; height: 35px; z-index: 14"><a href="desserts.html" onMouseOut="MM_swapImgRest
<div id="Layer15" style="position: absolute; left: 720px; top: 99px; width: 100px; height: 35px; z-index: 15"><a href="takeout.html" onMouseOut="MM_swapImgRest
<div id="Layer16" style="position: absolute; left: 261px; top: 134px; width: 15px; height: 305px; z-index: 16"><img src="images/food_lft_pic.g
<div id="Layer17" style="position: absolute; left: 660px; top: 134px; width: 160px; height: 305px; z-index: 17">
<div class="contentBox">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</div>
</div>
<div id="Layer18" style="position: absolute; left: 120px; top: 439px; width: 836px; height: 120px; z-index: 18"><img src="images/food_bottom_pi
</body>
</html>
By replacing the image in layer17 with the sample from the link, you get a scrolling text box with that content.
Thanks, Jason 1178
I did get it to work, you can see the final product in about a week at http://www.ahisushi.com
Thanks everyone for your help, John
Business Accounts
Answer for Membership
by: douganfarmsPosted on 2006-04-26 at 09:36:40ID: 16545512
Skip the custom scroll bars, I did some research and I don't think it's worth the work.THanks John