como hago un scroll como el de esta pagina

http://www.glish.com/css/7.asp
Hola alguien me podria decir como hago este scroll que contiene esta pagina, esque tengo que ahcer una wen quwe contiene bastante texto y no tengo muchos conocimientos en scroll.
me gustaria que me guiasen o me den un tutorial de como hacer un scroll asi.
De ante mano gracias.

La ciencia de el scroll:

CSS

Código :

#scroll{
width:150px;
height:50px;
overflow:scroll;
}

HTML

Código :

<div id="scroll">
aqui el texto
</div>

El scroll me da bien gracias,
pero me gustaria que me digan como hacer para que el texto me de los acentos ortográficos, caudno visualizo el texto pero en el diseño tiene los acentos y el estilo es decir el tipo de fuente tambien admite los acentos pero cuando ejecuto el html no me visualiza los acentos. Alguien podria decirme cual es el problema o como hacer para que esto no ocurra. Muchas Gracias.

eso es por el charset, esto se pone en una etiqueta meta en el head asi mas o menos: seguramente tienes iso que no admite caracteres especiales, con utf-8 deberia funcionar... pero lo mas aconsejable es que no escribas directamente el caracter especial sobre el código html sino que utilices los.. esteeeee... se me olvido como se llaman... te pongo un ejemplo: eso y así con cada acento y/o carácter especial...
corríjanme si me equivoco con eso ultimo

Eso son Entidades HTML

á = á
é = é
í = í
ó = ó
ú = ú
Y asi hay muchos

eso, eso mismo.... gracias por recordarme como se llamaban...

muchas gracias por toda la ayuda me funciono a la perfección.

Hola soy yo de nuevo disculpen que siga de necia, pero ahora necesito que me digan si ese texto lo puedo justificar, es que en el scroll que tengo el texto me aparace alineado a la izquierda y quiero saber si se puede justificar por que yo intente cambiandole el estilo por uno que justificaba el texto y no me funcionó, si alguien me ayuda se lo agradecere de corazon. gracias.

Crucita escribió:

coloca esto en el estilo de la div que contenga el texto:

Código :

text-align:justify;

Crucita escribió:

No es molestia, en serio, estamos para eso. De todas formas si quieres aprender más, te recomiendo que le eches un vistazo a los tutoriales que tenemos en la sección de CSS

hola!!!! aqui dejo algunas entiodades que pueden ser utiles:

Código :

á ----->a asentuada
é ----->e asentuada
ó ----->o asentuada
í ----->i asentuada
ú ----->u asentuada
ñ ------>mmm... mi teclado no la pone deja cambio algo aqui; ñ ahi sta (pk no hago esto para corregir el problema de la ortografia??? me cambia los shortcuts y sin ellos no puedo vivir!!!!)
ahora otros 

€-----> signo de Euro
&lt; ------>    "<"
&gt ------->  ">"  * estos dos ultimos sin comillas
&amp; ------> &
&quot; -----> " (comillas)
™ ----->  TM (en pequenito y arriva)
&iquest; --> signo de interrogacion inicial
&raquo;;--->   >>

y hay mas... pero por ahora solo dejo esos... busca en google y encunetras... muchos..... aparte si usas mac puedes buscar el designers toolbos, un widget que tiene unos muy buenos....


Saludos[/quote]

Buzu muchas gracias por las entidades gracias a ustedes ya no tengo problemas en eso pero en lo que sigo pegada es en el lo de la justificacion del texto hize lo que me dijeron y realmente no consigo justificarlo.

url? código?

Hola este es el
codigo que contiene el scroll:

Código :

<tr>
   <th height="371" colspan="3" scope="col"><form action="" method="get">
     <textarea name="textarea" cols="" rows="" readonly="readonly" class="Estilo39" style="margin: 0%;  background: hex(255,255,255) none repeat scroll 0%; overflow: scroll; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height:200px; width: 40%; text-align:justify; dir="ltr" lang="es">Es por eso que este Proyecto nace con el objetivo principal de constituirse en un &aacute;mbito de encuentro cient&iacute;fico y docente entre instituciones p&uacute;blicas y privadas con una vocaci&oacute;n decidida por el auspicio y el estudio de los procesos de integraci&oacute;n regional. Se funda en una evidencia que cooperan desde hace m&aacute;s de 16 a&ntilde;os, de abrir su hermanamiento a Centroam&eacute;rica y el Caribe) y en una necesidad (la de impulsar el proceso de integraci&oacute;n centroamericana, facilitando en lo posible las condiciones para ello). </textarea>
   </form></th>
                </tr>

no logro justificar el texto. Deje el scroll dentro de un formulario coloque el objeto campo de texto y al dejar la opcion Tipo: Varias Lineas se me convirtio en un Textarea, lo hize esta forma por que fue la unica en la que visualize las barras de desplazamiento, no se si es la forma correcta pero me funciono lo que pretendia. Lo realice asi por que el div que cree para ello no me permitia visualizar las barras de desplazamiento, bueno al menos yo no pude hacerlo.
Espero me disculpe la ignorancia.
Gracias de antemano.

crucita, por favor utiliza los tags [code] cuando pongas código
luego, la verdad, desde el principio no comprendí tu pregunta; los textarea tienen scroll por default y ultimadamente si quieres hacer algo "así", tan sólo crea un textarea y ponle MUCHO texto.

ahora, te recomiendo AMPLIAMENTE que leas los tutoriales, estás utilizando tablas para maquetar y esto no se hace así, se pierde la idea de css.

hazte y haznos un favor, así será más fácil ayudarte

o.k lo tomare en cuenta, gracias.