Áreas de texto con barras de desplazamiento (scrollable) en HTML Mayo 19, 2009
Posted by proteo2000 in nivel medio, textos.Tags: cómos, firefox, html, internet explorer, opera
trackback
Ejemplo:
Táctica y estrategia. De Mario Benedetti (In Memoriam)
Mi táctica es
mirarte
aprender como sos
quererte como sos
mi táctica es
hablarte
y escucharte
construir con palabras
un puente indestructible
mi táctica es
quedarme en tu recuerdo
no sé cómo ni sé
con qué pretexto
pero quedarme en vos
mi táctica es
ser franco
y saber que sos franca
y que no nos vendamos
simulacros
para que entre los dos
no haya telón
ni abismos
mi estrategia es
en cambio
más profunda y más
simple
mi estrategia es
que un día cualquiera
no sé cómo ni sé
con qué pretexto
por fin me necesites.
Instrucciones
El truco consiste en crear un área DIV dentro de la cual insertaremos el texto a mostrar. Sólo observe el siguiente código de ejemplo, prestando mucha atención al texto en color rojo que es realmente el que hace la magia:
<div style="border : solid 2px #ff0000;
background : #000000;
color : #ffffff;
padding : 4px;
width : 200px;
height : 50px;
overflow : auto; ">
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>
O sea:
2
3
4
5
6
7
8
9
10
Y listo! Funciona para las últimas versiones de IE, Firefox, Opera y Safari.
Tomado de:
Exactly what i needed thank you very much :)
Lo estaba buscando como loco,
gracias
De nada. Yo también lo busqué como loco. :)