Eliminar espacio entre la imagen y el contenido

  • Resuelto xvmaster

    (@xvmaster)


    hace 8 años, 11 meses

    Uso el tema Clean customizado como lo desea la empresa, pero en las páginas y entradas me pasa esto cuando coloco una imagen (La imagen está alineada a la derecha):

    http://2.bp.blogspot.com/-bhIMCIruxdg/VfxLH4oQh2I/AAAAAAAAC4A/ejPSLT47Ah8/s1600/espacio.JPG

    Crea ese espacio y no se como eliminarlo:

    El código del content-page.php es este:

    <?php
/**
 * The template used for displaying page content in page.php
 *
 * @package clean
 */
?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<header class="entry-header">
		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
	</header><!-- .entry-header -->

	<div class="entry-content">
		<?php the_content(); ?>
		<?php wp_link_pages( array(	'before' => '<div class="page-links">' . __( 'Pages:', 'clean' ), 'after'  => '</div>', ) ); ?>
	</div><!-- .entry-content -->

	<!-- <footer class="entry-footer">
		<?php edit_post_link( __( 'Edit', 'clean' ), '<span class="edit-link">', '</span>' ); ?>
	</footer> -->
</article><!-- #post-## -->

    Esta web la tengo local.

    Espero su ayuda.

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Moderador almendron

    (@almendron)

    hace 8 años, 11 meses

    Si pudiera ver la web en funcionamiento, te podría mirarlo en dos segundos. Así es más complicado.
    ¿Puedes editar la entrada de la imagen que has puesto y pegar aquí lo que se ve en el modo HTML del editor de wordpress?

    Iniciador del debate xvmaster

    (@xvmaster)

    hace 8 años, 11 meses

    Buen día

    Esta es la entrada en modo HTML

    Bienvenid@ al sitio web del Sistema de Información Ambiental (SIA) del Ministerio de Medio Ambiente y Recursos Naturales de la República Dominicana, el cual proporciona al usuario informaciones sobre la diversidad biológica, localización, distribución y estado de los recursos naturales.<a href="http://web02/ambienterd/wp-content/uploads/2015/08/Cultivo-de-arroz-Sesar-Rodriguez.jpg"><img class="alignright size-medium wp-image-797" src="http://web02/ambienterd/wp-content/uploads/2015/08/Cultivo-de-arroz-Sesar-Rodriguez-225x300.jpg" alt="Cultivo-de-arroz-Sesar-Rodriguez" width="225" height="300" /></a>

El Sistema presenta 8 grandes temas ambientales con informaciones procedentes de investigaciones y estudios técnicos realizados por el Ministerio de Medio Ambiente y Recursos Naturales, representados en documentos, mapas y estadísticas. Contiene Publicaciones realizadas tanto por este Ministerio como por otras instituciones y una base de datos de más de 200 mapas.

El usuario podrá encontrar la información a nivel provincial en el nodo ó sitio de Información Provincial. Asimismo, podrá realizar consultas rápidas de la localización de un proyecto específico a través del sitio "<a href="http://sig.marena.gob.do/nepa/login.aspx" target="_blank">SIG</a>"; ó dar seguimiento en las diferentes fases del proceso de solicitudes de autorizaciones y evaluaciones de impacto ambiental de proyectos en trámites y análisis en el Ministerio Ambiente, a través del sitio "<a href="http://www.ambiente.gob.do:8080/index.aspx" target="_blank">EIA</a>".

Además, muestra sitios de enlaces que fortalecen este Sistema de Información Ambiental, facilitando el acceso a otras informaciones ambientales e imágenes satelitales disponible.

    No puedo poner la web en modo funcionamiento. Porque como estamos rediseñando la web haremos el cambio cuando esta esté lista.

    Moderador almendron

    (@almendron)

    hace 8 años, 11 meses

    1.- Borra la imagen.
    2.- Vuelve a subirla pero esta vez pon primero el cursor al principio del párrafo, es decir, justo a la izquierda de la palabra «Bienvenid@». Luego le das a «añadir objeto».

    Si eso no funciona, edita la hoja de estilos, busca las instancias «alignright» y las pegas aquí.

    Iniciador del debate xvmaster

    (@xvmaster)

    hace 8 años, 11 meses

    Me fije que la class alignright no existía, así que busqué el código en wordpress el cual es este, por si acaso otra persona le pasa lo mismo y lo pegué en style.css :

    img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

    Muchísimas Gracias Almendron, te agradezco mucho la ayuda.
    Un saludo.

    Moderador almendron

    (@almendron)

    hace 8 años, 11 meses

    Pero, ¿has hecho lo que te decía?
    1.- Borra la imagen.
    2.- Vuelve a subirla pero esta vez pon primero el cursor al principio del párrafo, es decir, justo a la izquierda de la palabra «Bienvenid@». Luego le das a «añadir objeto».

    Iniciador del debate xvmaster

    (@xvmaster)

    hace 8 años, 11 meses

    Si, pero igual no funcionaba.

    Moderador almendron

    (@almendron)

    hace 8 años, 11 meses

    Sin ver el tema en real es casi imposible.
    Yo haría lo siguiente: instala Firefox y luego el complemento Firbug ( https://addons.mozilla.org/es/firefox/addon/firebug/ )
    Una vez hecho eso, abres la página en cuentión, botón derecho sobre la imagen y «Inspeccionar elemento con Firebug». No me refiero a que la edites sino a que la veas como lo haría cualquier visitante.
    Te va a permitir modificar en vivo la hoja de estilos y así es más fácil ver el error.

    Iniciador del debate xvmaster

    (@xvmaster)

    hace 8 años, 11 meses

    Si, ya había hecho todo esto. Pero no lograba dar con la solución. Después cuando me dijiste que buscara la clase «alignright» me dí cuenta que no existía en el css. Así que agregué el código y zaz! me funcionó.

    Moderador almendron

    (@almendron)

    hace 8 años, 11 meses

    Vale, vale. Te había entendido mal. Pensaba que incluso añadiendo los estilos no funcionaba.
    Un saludo.

    Iniciador del debate xvmaster

    (@xvmaster)

    hace 8 años, 11 meses

    Muchas Gracias!!
    Un saludo.

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • El debate ‘Eliminar espacio entre la imagen y el contenido’ está cerrado a nuevas respuestas.