Bienvenido al Imperio Web Inicio    Descargas   Entrar   Envíos   Top 10   Tema   Foros   FAQ
Buscar   
 
 
Principal
 Inicio
 Archivo de Noticias
 AvantGo
 Buscar
 Cambio de Divisas
 Contenido
 El Tiempo
 Encuestas
 Enlaces Web
 Estadísticas
 FeedbackPlus
 Foros
 iwWhois
 Recomiendenos
 Su Cuenta
 Test de Velocidad
 Top 10
 Topics

Usuarios
 Descargas
 Diario de Usuarios
 Enviar Noticias
 Lista de Miembros
 Mensajes Privados
 Salir
 WebMail

Buscar



Quien esta en Linea
Actualmente hay 9 invitados, 0 miembro(s) conectado(s).

Eres un Usuario Anónimo.
Puedes registrarte Aquí

Idioma
Selecciona tu Idioma preferido:


El Tiempo
Predicciones del tiempo

Sorteos

Quiniela Fútbol Lotería Nacional La Primitiva
La Bonoloto El Gordo de la Primitiva
Cupón de la ONCE
Haz click en la imagen del sorteo que quieras consultar

Reloj








Total Hits
Hemos recibido
285891
impresiones desde Enero 2003

- - - Tu Información - - -
Conectado desde IP:
38.107.191.104
Idioma: English
Navegador que usas:
Resolución de Pantalla:

  Textscroll
Enviado el Domingo, 21 de Enero del 2007 (14:00:54) por jomra

Hojas de Estilo Por: Federico Javier Elgarte.

En esta oportunidad les enseñaré la propiedad Overflow de CSS capaz de generar un scroll cuando el contenido dentro de un elemento excede las propiedades de su ancho y su alto.

Podemos usar la propiedad Overflow si queremos tener un mayor control sobre nuestras capas.

Para que Overflow funcione correctamente hay que definir las siguientes propiedades:

  • Background
  • Width
  • Height
  • Overflow
  • Visible (opciona)
  • Hidden (opcional)
  • Auto (opcional)
  • Inherit (opcional)

Para generar un scroll en cualquier parte del texto puedes copiar el siguiente ejemplo:

<html> <head> <style type="text/css"> div {background: white; width:200px; height:100px; overflow: scroll} </style> </head> <body> <div>Aquí me pongo a cantar al compás de la vigüela, que el hombre que lo desvela una pena estrordinaria, como la ave solitaria con el cantar se consuela.<br>José Hernández<br><u>El gaucho Martín Fierro</u></div><br /> </body> </html>

Ver ejemplo en marcha



Autor: Federico Javier Elgarte
Reconocimiento-NoComercial-SinObraDerivada 2.0.


 
Enlaces Relacionados
· Federico Javier Elgarte.
· Ver ejemplo en marcha
· Federico Javier Elgarte
· Más Acerca de Hojas de Estilo
· Noticias de jomra


Noticia más leída sobre Hojas de Estilo:
Maquetar con CSS: dejando atrás las tablas


Votos del Artículo
Puntuación Promedio: 4
votos: 2


Por favor tómate un segundo y vota por este artículo:









Opciones

  Versión Imprimible

  Enviar a un Amigo

 


Web site engine's code is Copyright © 2002 by PHP-Nuke DN-Estable6.0 v2.0. Derechos Reservados. PHP-Nuke es un Software libre bajo las normas de GNU/GPL.
Página Generada en: 1.475 Segundos