Ya vísteis, y veis, porque no me parece correcto cambiarlo, como me quedó el espaciado del post Java – Operaciones útiles con String. Pues bien, tras ello me puse a probar distintas etiquetas de html para conseguir lo que no pude, espaciar el código, y después de algunos ratos de búsqueda y varios intentos fallidos, encontré la tan deseada etiqueta, <pre> </pre> y un ejemplo con el uso, y sin el uso de dicha etiqueta:
0 Aquí estoy 1 usando la etiqueta pre
2 y aquí no
3 la estoy usando
Las líneas 1 y 3 tienen 8 espacios en blanco cada una antes de la primera letra, de los que sólo los de la línea 3 son eliminados por el interprete HTML.
Realmente lo que hace, es mostrar el texto con un preformateado, indicando al intérprete que no ha de eliminar los espacios en blanco y tiene que mostar el texto con una fuente de tamaño fijo.
Etre
[...] .Articulo Indexado en la Blogosfera de Sysmaya [...]
Hola, justamente te sucede lo mismo que a mí. El texto que tiene la etiqueta PRE es muy pequeño. ¿Cómo modifico el tamaño de la fuente prefijada?
No lo encuentro en mi CSS…alguna idea?
Gracias y saludos.
Es algo que yo también me había preguntado en su momento, y que acabo de resolver sin tener que usar CSS, con simple y llano HTML: usando dentro de <pre> la etiqueta <font>. Pongo un ejemplo de su uso, aunque quizás también merezca una entrada propia:
<pre> <font size = 10px>Prueba a 10px.</font> </pre>
Espero que te sirva, y gracias por el comentario.
Saludos.
[...] HTML Etre 23:19 Gracias al comentario de Diego en mi post HTML – La etiqueta PRE, volví a buscar información e intentar cambiar el tamaño [...]
Gracias por la respuesta, etre, yo mientras también habia encontrado la respuesta. Sucede que con el html debo hacerlo constantemente cada vez que pego mis tablas importadas de swiss perfect. Pero con el CSS solucioné todo.
Simplemente en el style puse esto:
pre {
font-size: 12px;
padding: 0;
margin: 0;
background: #f0f0f0;
background: url(pre_code_bg.gif) repeat-y left top; /*–Background of lined paper–*/
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
line-height: 20px; /*–Height of each line of code–*/
width: 600px;
overflow: auto; /*–If the Code exceeds the width, a scrolling is available–*/
overflow-Y: hidden; /*–Hides vertical scroll created by IE–*/
}
gracias!
como verás es una solución de otro blog, pero me gustó y me venía de pelos. Incluso la imagen que es una hoja de cuaderno con espiral muy agradable.
Saludos!
Buenas de nuevo Diego!
Mi primera opción fue buscar algo usando CSS, aunque desconociendo ese paradigma, encontré poco en la web
Encontré explicaciones de uso del “line-height”, y supuse que habría algo parecido para el tamaño, pero tampoco estaba seguro, así que me puse a probar distintas etiquetas en una “publicación – borrador”.
Con tu permiso, en el post que escribí hoy, voy a enlazar tu comentario de CSS, que seguro que a alguien le vendrá bien.
Saludos y gracias de nuevo.
Gracias. Pero el autor es éste: http://www.sohtanaka.com/web-design/styling-pre-tags-with-css-code-block/
Podés poner este link para que vean cómo me quedó a mí:http://www.diegocosta.com.ar/?p=732
Gracias por todo! un abrazo