•••••••••••••••••••••••••••••••••••••••
distinto a los puntos ....*/ /* -------- 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;} /* PARA CENTRAR TABLAS */ /*para tabla que centrará los poemas*/ .tablacentro { text-align:center; text-indent:0; margin: 2em} .text04 { margin:1em auto; display:inline-table; } .text04 p { text-indent:0; font-size:0.9em; text-align:left;} .versoc1 { margin-left: 1em;} /* En el archivo de texto irá:| */
/* ------------LETRA CAPITULAR (párrafo asangre) -------*/
.capital { font-family: "OldStandard", OldStandard;
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;}
/*IMÁGENES RECTANGULARES, FLOAT IZQU.Y FLOAT DERC.------------*/
/*
   |
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; }
/* 
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 IZQU.*/
/*El texto se adapta, por la derecha de la imagen*/
div.imgizqu {
float: left;
clear: left;
text-align: left;
margin: 0 0.5em 0.5em 0; }
div.imgizqu img {
width: 100%;
display: block; }
/*Imagenes:
******
******
**
**
En la xhtml: