Autor Tema: Ejemplo overflow CSS scroll. overflow-x, overflow-y. Ejercicio tutorial CU01038D  (Leído 3384 veces)

jimmorrison

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 51
  • la programacion es vida
    • Ver Perfil
Enunciado:

Citar
Crea un contenedor div con las siguientes características definidas a través de CSS: ancho y alto 200 píxeles, color de fondo amarilo, borde color azul de 2 píxeles de ancho tipo sólido, un texto de tamaño 30 píxeles y con un largo suficiente para exceder la capacidad del div contenedor, y mediante la propiedad overflow haz que aparezcan scrolls horizontal y vertical que permitan visualizar todo el texto.

Respuesta:

html

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<!-- Código base para el curso CSS -->
<html>

<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta charset="utf-8">
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<link rel="stylesheet" href="css/ejercicio_visibility_overflow.css">
</head>
<div>
Crea un contenedor div con las siguientes características definidas a

través de CSS: ancho y alto 200 píxeles, color de fondo amarilo, borde

color azul de 2 píxeles de ancho tipo sólido, un texto de tamaño 30 píxeles

y con un largo suficiente para exceder la capacidad del div contenedor, y

mediante la propiedad overflow haz que aparezcan scrolls horizontal y

vertical que permitan visualizar todo el texto. Para comprobar si tu código

y respuestas son correctas puedes consultar en los foros

aprenderaprogramar.com.
</div>
</body>
</html>

css

Código: [Seleccionar]
*{
margin: 0px;
padding: 0px;
}

div{
width: 200px;
height: 200px;
background-color: yellow;
border: blue solid 2px;
font-size: 30px;
overflow: scroll;
}
« Última modificación: 27 de Abril 2015, 09:34 por César Krall »

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Re:overflow CSS. scroll. overflow-x, overflow-y. (CU01038D)
« Respuesta #1 en: 27 de Abril 2015, 09:34 »
Hola! Te falta la etiqueta de apertura <body> De resto todo perfecto.

Saludos!
Responsable de departamento de producción aprenderaprogramar.com

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".