1081
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:CSS indentar text-indent white-space pre-line pre-wrap subrayar tachado CU01040D
« en: 14 de Septiembre 2015, 10:08 »
Hola Pedro yo veo el código bien y las dudas más que nada tienen que ver con detalles del enunciado del ejercicio que con problemas del código
Los porcentajes como dices están referidos al ancho de un elemento que normalmente es el contenedor. Aquí el contenedor de los div sería el body por lo que nos saca los porcentajes relativos al body. He probado el código y con esos porcentajes el texto se sale de los contenedores, habría que reducir los valores de porcentaje para que quede bien. Si en vez de aplicar text-indent 10%, 50px y 20% usamos 10%, 50px y 2% en mi pantalla ya se ve bien. Otra opción es aplicar estos valores en otras unidades. Cuando usemos porcentajes tenemos que tener cuidado con respecto a qué es el porcentaje.
Los porcentajes vienen en http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=728:unidades-de-medida-css-relativas-o-absolutas-in-cm-mm-pt-pc-pixel-px-porcentaje-em-ex-cu01024d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203 y dice
La propiedad pre-wrap también observo lo mismo que tú, anula la propiedad text-align. Esto parece algo normal, puesto que pre se usa para mantener el formato "natural" con el que haya escrito el texto. El navegador encuentra aquí un conflicto, por un lado se le dice que ponga formato y por otro lado que no lo ponga, y resuelve el conflicto dándole prevalencia a la regla white-space. Yo aquí vería preferible no tener reglas que entren en conflicto porque cuando esto ocurre nos podríamos encontrar que no se vea bien en algunos navegadores
Salu2
Los porcentajes como dices están referidos al ancho de un elemento que normalmente es el contenedor. Aquí el contenedor de los div sería el body por lo que nos saca los porcentajes relativos al body. He probado el código y con esos porcentajes el texto se sale de los contenedores, habría que reducir los valores de porcentaje para que quede bien. Si en vez de aplicar text-indent 10%, 50px y 20% usamos 10%, 50px y 2% en mi pantalla ya se ve bien. Otra opción es aplicar estos valores en otras unidades. Cuando usemos porcentajes tenemos que tener cuidado con respecto a qué es el porcentaje.
Los porcentajes vienen en http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=728:unidades-de-medida-css-relativas-o-absolutas-in-cm-mm-pt-pc-pixel-px-porcentaje-em-ex-cu01024d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203 y dice
Citar
Las unidades de medida relativas son aquellas que determinan un tamaño en función de otro tamaño. Por ejemplo si indicamos que el ancho de un elemento como 50%, dicho porcentaje tiene que estar referido al 50% de algo ¿de qué? En el caso de un ancho del 50% puede estar referido normalmente al 50% del ancho que tenga el contenedor del elemento.
La propiedad pre-wrap también observo lo mismo que tú, anula la propiedad text-align. Esto parece algo normal, puesto que pre se usa para mantener el formato "natural" con el que haya escrito el texto. El navegador encuentra aquí un conflicto, por un lado se le dice que ponga formato y por otro lado que no lo ponga, y resuelve el conflicto dándole prevalencia a la regla white-space. Yo aquí vería preferible no tener reglas que entren en conflicto porque cuando esto ocurre nos podríamos encontrar que no se vea bien en algunos navegadores
Salu2