FORO DE ORIENTACIONES Y PREGUNTAS - CTS HOY2024-03-28T10:25:38Zhttp://ctshoy.ning.com/group/lia/forum/topics/faqs?commentId=4934511%3AComment%3A107705&x=1&feed=yes&xn_auth=noHe encontrado que HTML5 a per…tag:ctshoy.ning.com,2017-10-05:4934511:Comment:1077052017-10-05T13:59:17.654ZIng.Ramiro A. Lopera Sánchez.http://ctshoy.ning.com/profile/ramirolopera
<p><span style="font-family: Arial Narrow;">He encontrado que HTML5 a permite usar la opción columna directamente con compatibilidad para diferentes navegadores, con esto no es necesario recurrir al uso de tablas,</span> <span style="font-family: Arial Narrow;">Podemos integrar la clase al CSS principal</span><br style="font-family: Arial Narrow;"></br><br style="font-family: Arial Narrow;"></br><span style="font-family: Arial Narrow;">.doscolumnas {…</span><br style="font-family: Arial Narrow;"></br></p>
<p><span style="font-family: Arial Narrow;">He encontrado que HTML5 a permite usar la opción columna directamente con compatibilidad para diferentes navegadores, con esto no es necesario recurrir al uso de tablas,</span> <span style="font-family: Arial Narrow;">Podemos integrar la clase al CSS principal</span><br style="font-family: Arial Narrow;"/><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">.doscolumnas {</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">column-rule-color: silver;</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">column-rule: 1px solid #bbb;</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">-webkit-column-count:2;</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">-moz-column-count:2;</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">column-count:2;</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">}</span><br style="font-family: Arial Narrow;"/><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">y luego invocarlo así:</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><p class="<span style="font-weight: bold;">doscolumnas</span>">Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos detexto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500</p></span><br style="font-family: Arial Narrow;"/><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">Podemos usar el estilo combinado con párrafo normal para presentar imágenes. Si no teneís aún experiencia editando el css principal podeís integrar el estilo directamente en el párrafo así:</span></p>
<div style="color: #000000; font-family: arial,sans-serif; font-size: 12.8px; font-style: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; text-align: justify;"><span style="background-color: #fff2cc;"><font face="arial narrow, sans-serif"><b><p </b></font><b><font color="#6AA84F">style</font>="<font color="#0B5394">column-rule-color: silver;column-rule: </font><font color="#674EA7">1</font><font color="#990000">px</font> <font color="#0B5394">solid </font><font color="#674EA7">#bbb</font><font color="#0B5394">;-webkit-column-count:</font><font color="#674EA7">2</font><font color="#0B5394">; -moz-column-count:</font></b><b style="font-family: 'arial narrow',sans-serif; font-size: large;"><font color="#674EA7">2</font></b><font face="arial narrow, sans-serif"><b><font color="#0B5394">;column-count:</font></b></font><b style="font-family: 'arial narrow',sans-serif; font-size: large;"><font color="#674EA7">2</font></b><font face="arial narrow, sans-serif"><b>;"></b></font></span></div>
<p><span style="font-family: Arial Narrow;">Siendo 2 la cantidad de columnas, y la opción column-rule-color: silver siendo silver el color del separador, si lo omitivos no dibujaría línea de separación.</span><br style="font-family: Arial Narrow;"/><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><span style="font-weight: bold;">EJEMPLO</span>:</span><br style="font-family: Arial Narrow;"/><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><div class="izquierda"><h1>¿Qué es el Internet de las Cosas?</h1></span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><p class="doscolumnas"><img src="Imagenes/industry-iot.jpg" style="float:left; width:100%" border="0"/></span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><br/></span><span style="font-family: Arial Narrow;"><br/></span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;">Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen.</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"></p></span><br style="font-family: Arial Narrow;"/><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><p>Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen.<sup>1</sup></p></span><br style="font-family: Arial Narrow;"/><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><div class="footer"><hr class="notaspie" align="left"/>Imagen bajo licencia CC0 Creative Commons pixabay.com.<br/></span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><br/></span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><sup>2</sup> .</span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"></div></span><br style="font-family: Arial Narrow;"/><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"><h3>8</h3></span><br style="font-family: Arial Narrow;"/><span style="font-family: Arial Narrow;"></div></span></p>
<p></p>