LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
Generar Scroll con CSS EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
Generar Scroll con CSS EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
Generar Scroll con CSS EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
Generar Scroll con CSS EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
Generar Scroll con CSS EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
Generar Scroll con CSS EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
Generar Scroll con CSS EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
Generar Scroll con CSS EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
Generar Scroll con CSS EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

Estadísticas
Tenemos 2351 miembros registrados
El último usuario registrado es Jhunky

Nuestros miembros han publicado un total de 41254 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


1Generar Scroll con CSS Empty Generar Scroll con CSS Miér Feb 15, 2012 8:00 pm

Right!

Right!
I ♥ WD
En esta oportunidad les mostrare 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:

Código:
<html>
  <head>
  <style  type="text/css">
  div {background: white;  width:200px; height:100px; overflow: scroll;}
  </style>
  </head>
  <body>

  <div>Web Design</div>

  </body>
  </html>
Espero les haya sido de ayuda! Sonrisa



Última edición por Right! el Mar Mayo 08, 2012 6:52 pm, editado 4 veces


2Generar Scroll con CSS Empty Re: Generar Scroll con CSS Miér Feb 15, 2012 8:23 pm

Invitado

avatar
Código erroneo... Etiquetas mal cerradas y sintaxis incorrecta.


3Generar Scroll con CSS Empty Re: Generar Scroll con CSS Miér Feb 15, 2012 10:12 pm

Right!

Right!
I ♥ WD
Ya lo probastes en una pagina HTML?


4Generar Scroll con CSS Empty Re: Generar Scroll con CSS Miér Feb 15, 2012 10:17 pm

Invitado

avatar
No hace falta probarlo para saber que estaba mal. Ahora corregiste las etiquetas mal cerradas, pero te falta la sintaxis incorrecta.


5Generar Scroll con CSS Empty Re: Generar Scroll con CSS Miér Feb 15, 2012 10:19 pm

Right!

Right!
I ♥ WD
Entonces, cuando lo pruebes me avisas MASTER


6Generar Scroll con CSS Empty Re: Generar Scroll con CSS Miér Feb 15, 2012 10:47 pm

Invitado

avatar
Por muy master que sea, hay unas normas mínimas que debes cumplir. Te falta un ; en el CSS...


7Generar Scroll con CSS Empty Re: Generar Scroll con CSS Miér Feb 15, 2012 11:18 pm

Winth

Winth
I ♥ WD
Gracias por el aporte y Worfex gracias por ayudar al usuario a acomodar el aporte se te agradece!


8Generar Scroll con CSS Empty Re: Generar Scroll con CSS Jue Feb 16, 2012 5:57 pm

Invitado

avatar
Pero sigue mal el código D:


9Generar Scroll con CSS Empty Re: Generar Scroll con CSS Jue Mayo 10, 2012 11:30 pm

Fernando

Fernando
Mod.Gráficos
Muchas gracias por aportar Encantado

http://www.webdesignforo.net/

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.