text in limited area

alittlebitter32 · July 6th, 2004, 05:38 PM

Hi. I'm a new member, so please forgive me if I do not follow etiquette. I am having a problem with Dreamweaver MX. I am designing a site for a local band, and I need to know how to put text in a limited area (478 x 88 px). I want it scrollable, but not editable on the web. I would appreciate any help on this matter. Thanks.

Snib · July 6th, 2004, 05:56 PM

Try this:

<div style="overflow:scroll;width:478px;height:88px">

YOUR TEXT

</div>

HTH,

Snib

<><

Imar · July 6th, 2004, 05:58 PM

Hi there,

You can try this:

Code:

<div style="overflow:auto; width:478px; height:88px;">
    Hi I am a div off 478 x 88 pixels. 
    I will display scrollbars automatically when I 
    contain too much text to display at once.<br />
    Hi I am a div off 478 x 88 pixels. 
    I will display scrollbars automatically when I 
    contain too much text to display at once.<br />
    Hi I am a div off 478 x 88 pixels. 
    I will display scrollbars automatically when I 
    contain too much text to display at once.<br />
</div>

This doesn't necessarily have anything to do with Dreamweaver, though. This example uses CSS to limit the size of the "box" (the <div> tag in this example). The overflow property determines whether scrollbars are displayed. auto means when necessary; scroll will display the scrollbars, whether they are necessary or not.

HtH,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to: Eerlijkheid by Hans Teeuwen (Track 17 from the album: Dat Dan Weer Wel) What's This?

Shweta · July 6th, 2004, 11:46 PM

Hi
  This code may hepl u.......

<SCRIPT>
function SetOverflow(o, sValue)
{
    o.style.overflow = sValue;
}
</SCRIPT>

<DIV ID="div1"
    STYLE="font-size:18pt;background-color:yellow;height:50px;width:100px">
The quick brown fox jumped over the lazy dog.
</DIV>

<SELECT onchange="SetOverflow(div1,
    this.options[this.selectedIndex].text)">
<OPTION SELECTED>visible
<OPTION>scroll
<OPTION>hidden
<OPTION>auto
</SELECT>

.........Have a nice day :)

alittlebitter32 · July 8th, 2004, 10:28 AM

Thanks guys....now have a better understanding. More than likely I'll be back with more silly questions (I'm fairly new to DW).