Re: non-editable text area

This should do it for you (in the newest browsers of course <grin>).

<table height="200" width="300" border="1">
  <tr>
    <td height="40" colspan="2">Blah header stuff</td>
  </tr>
  <tr>
    <td width="100">Left Nav</td>
    <td width="200">
<div style="overflow:auto;width:200px;height:160px;">
       <nobr>Fill area with data so it will
overflow................</nobr>
      </div></td>
  </tr>
</table>

That code works (depending on your browser of course as it relies on CSS)
and does produce a horizontal scrollbar. (The <table> tags aren't needed but
I pulled this from a codebase I keep and they were there so...) :-)

Simply remove the <nobr></nobr> tags from around your text if you want it to
produce a vertical scroll bar.

HTH,

Marc David Johnson
Web Designer
mjohnson(at)marcdavidjohnson.com
http://www.MarcDavidJohnson.com
"A little bit of everything ... and a whole lot of nothing."

----- Original Message -----
From: "Emerald Spirit" <emerald_spirit(at)yahoo.com>
To: <hwg-techniques(at)hwg.org>
Sent: Tuesday, August 21, 2001 2:12 PM
Subject: non-editable text area


> Hi all!
>
> This is driving me nuts.  Somebody walked off with my
> HTML cheat-sheet and I can't figure out how to do the
> following:
>
> I need a scrollable box like a text area that is
> non-editable.  Simply a way to view the data.  Its on
> a form.  I don't want to use frames.
>
> I know I've done a version of this in the past, but
> its been so long I can't remember how I did it.
>
> Any ideas??
>
> TIA
>
> Rebecca
>
> =====
> Do while Project<>Completed
>    if impossible = true then
>       rethink(approach)
>       set impossible = false
>    end if
> loop
>
> __________________________________________________
> Do You Yahoo!?
> Make international calls for as low as $.04/minute with Yahoo! Messenger
> http://phonecard.yahoo.com/
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA