Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Boletos en 03 de Marzo 2016, 21:29
-
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!!
-
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!
-
Hola Boletos,
te adjunto un slide por si te sirve de ayuda:
http://slides.com/bermartinv/deck-7#/ (http://slides.com/bermartinv/deck-7#/)
-
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.