Ver Mensaje Individual
  #5 (permalink)  
Antiguo 18/11/2009, 03:33
Red_Night
 
Fecha de Ingreso: noviembre-2009
Mensajes: 8
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Conflicto entre 2 reglas css

lo del h4 si es comun a todas las imagenes.

Pongo un fragmento de xhtml para que veais la estructura:
Código:
<div class="bloque capitulo contenedor" id="capitulo_5">

         <h1 class="bloque titulo_capitulo titulo" id="capitulo_5_titulo_capitulo_1">
            <em id="capitulo_5_titulo_capitulo_1_bloque_1">
               <strong id="capitulo_5_titulo_capitulo_1_bloque_1_bloque_1">Relacions familiars</strong>
            </em>
         </h1>

         <div class="bloque" id="capitulo_5_bloque_1">La mare d'en Pep
vida.</div>

<div class="bloque" id="capitulo_5_bloque_16">La dona parla, parla.
Amolla moltes coses, és clar, però no pas totes. Sempre ha estat
astuta per evitar els temes compromesos. Sap que la pròpia veu no
ts.</div>

         <h4 class="bloque titulo_imagen titulo" id="capitulo_5_titulo_imagen_1">
            <img id="capitulo_5_titulo_imagen_1_bloque_1" src="recursos/rec_156.jpg">
         </h4>

<div class="bloque" id="capitulo_5_bloque_17">En Pep parla molt poc
de la Maria Teresa, o de l'Anna. Sap que la seva mare estimava la
a l'hivern, un plat calent a taula.</div>
Ahi se observa la estructura que tienen todos los capitulos.
El css es el siguiente:
Código:
//Resaltado de capítulos
.titulo_capitulo {
	font-size: 2.5em;
	page-break-before:always;
    }

//imagenes centradas
h4{ 
	text-align:center;
    }

//Bordeado de recuadros
.recuadro {
	page-break-before:always;
	margin-top:180px;
	margin-left:100px;
    }

.capitulo > .bloque{
	text-indent: 1.5em;
	text-align:justify;
	margin-right:20px;
	margin-left:20px;
    }
Y el conflicto el de antes text-align justify y center se chocan y me dejan las imagenes sin centrar. SI quito la linea de justify en la ultima parte del css si me centra las imagenes.
No doy con la tecla, como te comenté no se me ocurre otra cosa que referenciar de otra manera los mismos apartados, pero no se como.