| */ /* TEXTO EN DOS COLUMNAS ....*/ /*Código proporcionado por Tizón, al que me siento muy agradecido por el regalo*/ .coltextzn { margin-left: 22%; font-size: 0.9em; margin-top:1em;} .colnottzn { float:left; margin-left:-33.337%; width: 31.5%; line-height:1.3em; clear:both; text-align: left; } /*Código proporcionado por Tizón, al que me siento muy agradecido por el regalo .coltextzn { margin-left: 20%; } .colnottzn { float:left; padding-top:.3em; margin-left:-27%; width: 25%; text-indent:1.2em; font-size:0.8em; line-height:1.1em; clear:both; text-align: left; text-indent:0; } ----- El margen de 25% es de (20/80)*100 ----- */ /* JUANA. Y tú, amiga Lucía, bien hallada, que me verás de estado mejorada. LUCÍA. Admirada. ToledoSr. D. Tomás Recio. SolsonaSr. D. Francisco Blanch. ••••••••••••••••••••••••••••••••••••••• distinto a los puntos .... Si van a ir en dos líneas distintas, conviene poner así: .asteriscos { font-size:1.2em; padding: 4em 0; page-break-inside:avoid; } .asteriscos p {text-indent: 0; text-align:center; } */ .asteriscos { font-size:1.3em; padding: 1em 0; page-break-inside:avoid; } .asteriscos p {text-indent: 0; text-align:center; } .asterisco { padding: 1em 0; } .asterisco p {font-size:1.5em; text-indent: 0; text-align:center;} /* Para usar con h1, p.e. */ .linea { margin-bottom:20%; padding:0.5em; text-align:center; text-indent:0; border:2px solid black; border-left:none; border-right:none; border-top:none; } /* línea de puntos */ /* en .xhtlm:*/ /* 100%: hr { margin:1.5em 0; border:none; border-bottom:2px dotted; width:100%; } */ hr { margin:1.5em 25%; border:none; border-bottom:2px dotted; width:50%; } /* -------- TABLA ----------------------*/ .arriba { vertical-align: top; width: 6.5em; } .bordetabla {border-collapse:separate; border-spacing:20px 0 } .centro { text-indent:0; text-align: center } .izq { text-indent:0; text-align: left } .columder { margin-right:1em; text-align:right } /* para alineación del texto en las columnas 2 y 3 */ .bordeinf { height:auto; border-bottom:2px solid } /* para el "subrayado" de la 1ª fila */ .noborde { border:0; height:auto } /* celdas sin bordes */ .bordesup { border:0; height:auto; border-top:2px solid } /* para el "subrayado" de la penúltima fila */ /* TABLA A LA DERECHA, para poesía, p.e. */ /*¡¡¡¡OJO!!! Si el tamaño de la tabla excede de una página, se pierde lo sobrante */ /*Ejemplo en Diario de un testigo de la guerra de África, Alarcón)*/ .tabladerecha { text-align:right; text-indent:0; margin:0 1em} .parrf4 { margin:1em auto; display:inline-table; } .parrf4 p { text-indent:0; font-size:0.9em; text-align:left;} .verso1 { margin-left: 1em;} /* ------------LETRA CAPITULAR (párrafo asangre) -------*/ .capital { font-family:"Blacc", Blacc; font-size:400%; font-weight:normal; float:left; margin:-0.1em 0.125em 0 0; text-indent:0; line-height:1em; height:1em; } .linea1 {margin-left: -0.5em; white-space: pre; font-size:0.8em;} .linea2 {white-space: pre; margin-left:-0.1em; text-indent:0;} /* *****************IMAGENES*************** */ .imagenconpie { text-align:center; text-indent:0; margin:1.5em 3em; } .imagenconpie p{ text-align:center; font-size:0.75em; } /* En archivo .xhtml:
Escuadra española delante de Ceuta. 
la imagen aparece insertada en el texto, a la izquierda
Se pone entre el texto y aparecen a la altura donde se ponga*/
.alaizqu {
float: left;
margin: 3px; }
/*
la imagen aparece insertada en el texto, a la derecha
Se pone entre el texto*/
.aladrch {
float: right;
margin: 3px; }
/* Para poner el pie de imagen */
.floatizqconpie {
page-break-inside:avoid;
float: left;
margin: 3px; }
.floatizqconpie p{ text-align:center; text-indent:0; font-size:0.75em; }
.floatderconpie {
page-break-inside:avoid;
float: right;
margin: 3px; }
.floatderconpie p{ text-align:center; text-indent:0; font-size:0.75em; }
/*
  |
Permite poner dos imagenes, una a cada lado
Se ponen ambas seguidas a la altura en que se quiera que aparezca*/
.alaizqupeque {
float: left;
text-align: left;
margin: 3px;
max-width: 125px; }
.aladrchpeque {
float: right;
margin: 3px;
text-align: right;
max-width: 125px; }
.imghoriz { max-width: 90%; }
.imgverti { max-height: 90%; }
/*FIN IMÁGENES RECTANGULARES*/
/*IMÁGENES NO RECTANGULARES, FLOAT DERC.*/
div.imgdrch {
float: right;
clear: right;
text-align: right;
margin: 0 0.5em 0.5em 0; }
div.imgdrch img {
width: 100%;
display:block;}
/*Imagenes:
--******
--******
-------**
-------**
En la xhtml: