Autor Tema: Columnas CSS y HTML: column-count, column-width, columns, colum-gap CU01057D  (Leído 3066 veces)

Boletos

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 57
    • Ver Perfil
Hola! Ejercicio CU01057D del curso tutorial CSS desde cero.

Siguiendo con lo expuesto en el enunciado:

-webkit-column-count:3; -webkit-column-gap:20px; -webkit-column-rule:1px solid #000;

   Indica que los elementos con class="cols3" mostrarán el contenido en tres columnas    con una separación entre ellas de 20px y una linea de división de 1px continua y negra, en navegadores como Chrome.

-moz-column-count:3; -moz-column-gap:20px; -moz-column-rule:1px solid #000;

   Como el apartado anterior pero para navegadores Mozilla Firefox.

-column-count:3; column-gap:20px; column-rule:1px solid #000;

   Las mismas indicaciones para navegadores como Explorer.

.cols3 h1{-webkit-column-span:all;

   Indica que los elementos h1 dentro de clases .cols3 se extienda a lo largo de las columnas    en navegadores como Chrome

-moz-column-span:all;

   Como el apartado anterior pero para navegadores Mozilla Firefox.

-column-span:all;

   Las mismas indicaciones para navegadores como Explorer.

Un saludo!!
« Última modificación: 05 de Marzo 2016, 18:20 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
Hola!

Todo bien, la mejor manera de comprobar esto es crear un código que use estos estilos. Yo lo he probado y he visto que column-span no responde en algunos navegadores.

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

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Hola Boletos,
te adjunto un slide por si te sirve de ayuda:
http://slides.com/bermartinv/deck-7#/

Boletos

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 57
    • Ver Perfil
Hola! bermartinv y César.
Muchas gracias por vuestra atención.
Supongo que debería saber que es un "slide", pero no tengo ni idea. Quizás el tipo de presentación?
Mola, la página.
Gracias! Otra vez.

 

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".