Avisos
Vaciar todo

QUITAR ESPACIOS EN BLANCO DE UNA IMAGEN A OTRA

4 Respuestas
3 Usuarios
0 Reactions
16 Visitas
Respuestas: 421
Reputable Member
Topic starter
 
image

buenas tardes por favor adjunto imagen y el codigo , porque hay bastante espacio desde una imagen a otra imagen? se podra reducir ese espacio? 

<?php

/**
* Template Name: Home Page
*/

get_header();

?>

<div id="primary">
<div id="content" role="main">

<?php while ( have_posts() ) : the_post(); ?>

<?php
$field = get_field_object('documento_de_identidad_');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('nombres-completos');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('edad');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('direccion');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('telefono__celular');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('motivos_de_la_consulta');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('antecedentes_importantes_relacionados_');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('examen_clinico');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('diagnostico_de_la_teleconsulta');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$field = get_field_object('examenes_previos');
?>
<p><b><?php echo $field['label']; ?></b>:</p>

<?php
$field = get_field_object('Adjunto_2');
?>
<p><b><?php echo $field['label']; ?></b>:</p>

<?php
$field = get_field_object('adjunto_3');
?>
<p><b><?php echo $field['label']; ?></b>:</p>

<?php
$field = get_field_object('adjunto_4');
?>
<p><b><?php echo $field['label']; ?></b>:</p>

<?php
$field = get_field_object('teleconsultas-diagnostico');
?>
<p><b><?php echo $field['label']; ?></b>: <?php echo $field['value']; ?></p>

<?php
$file = get_field('adjunto_4');
if( $file ):
// Extract variables.
$url = $file['url'];
$caption = $file['caption'];
$icon = $file['icon'];

// Display image thumbnail when possible.
if( $file['type'] == 'image' ) {
$icon = $file['sizes']['large'];
}

// Begin caption wrap.
if( $caption ): ?>
<div class="wp-caption">

<?php endif; ?>

<a href="<?php echo esc_attr($url); ?>" title="<?php echo esc_attr($title); ?>">
<img src="<?php echo esc_attr($icon); ?>" />
<span><?php echo esc_html($title); ?></span>
</a>

<?php
// End caption wrap.
if( $caption ): ?>
<p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
</div>
<?php endif; ?>
<?php endif; ?>

<?php
$file = get_field('Adjunto_2');
if( $file ):
// Extract variables.
$url = $file['url'];
$caption = $file['caption'];
$icon = $file['icon'];

// Display image thumbnail when possible.
if( $file['type'] == 'image' ) {
$icon = $file['sizes']['large'];
}

// Begin caption wrap.
if( $caption ): ?>
<div class="wp-caption">

<?php endif; ?>

<a href="<?php echo esc_attr($url); ?>" title="<?php echo esc_attr($title); ?>">
<img src="<?php echo esc_attr($icon); ?>" />
<span><?php echo esc_html($title); ?></span>
</a>

<?php
// End caption wrap.
if( $caption ): ?>
<p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
</div>
<?php endif; ?>
<?php endif; ?>

<?php
$file = get_field('adjunto_3');
if( $file ):
// Extract variables.
$url = $file['url'];
$caption = $file['caption'];
$icon = $file['icon'];

// Display image thumbnail when possible.
if( $file['type'] == 'image' ) {
$icon = $file['sizes']['large'];
}

// Begin caption wrap.
if( $caption ): ?>
<div class="wp-caption">

<?php endif; ?>

<a href="<?php echo esc_attr($url); ?>" title="<?php echo esc_attr($title); ?>">
<img src="<?php echo esc_attr($icon); ?>" />
<span><?php echo esc_html($title); ?></span>
</a>

<?php
// End caption wrap.
if( $caption ): ?>
<p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
</div>
<?php endif; ?>
<?php endif; ?>

<?php
$file = get_field('examenes_previos');
if( $file ):
// Extract variables.
$url = $file['url'];
$caption = $file['caption'];
$icon = $file['icon'];

// Display image thumbnail when possible.
if( $file['type'] == 'image' ) {
$icon = $file['sizes']['large'];
}

// Begin caption wrap.
if( $caption ): ?>
<div class="wp-caption">

<?php endif; ?>

<a href="<?php echo esc_attr($url); ?>" title="<?php echo esc_attr($title); ?>">
<img src="<?php echo esc_attr($icon); ?>" />
<span><?php echo esc_html($title); ?></span>
</a>

<?php
// End caption wrap.
if( $caption ): ?>
<p class="wp-caption-text"><?php echo esc_html($caption); ?></p>
</div>
<?php endif; ?>
<?php endif; ?>

<?php endwhile; // end of the loop. ?>

</div><!-- #content -->
</div><!-- #primary -->

<?php get_footer(); ?>

Contenido solo visible a usuarios registrados


 
Respondido : 11/08/2022 6:58 pm
Bruno
Respuestas: 6485
Illustrious Member Moderator
 

Que tal Jaime,

Por favor comparte un enlace donde podamos consultar la pagina que contiene la imagen donde requieres el ajuste

Actualmente tu sitio para poder ver paginas internas requiere de inicio de sesión y por otra parte no podemos hacer mucho con el código que nos has compartido ya que no podemos recrearlo, los posibles estilos que podemos sugerir debemos probarlos desde la vista del inspector del navegador

Saludos!


 
Respondido : 11/08/2022 7:22 pm
Respuestas: 421
Reputable Member
Topic starter
 

@bruno-vichetticLARO QUE SI ES 

https://www.historias-clinicas.preventor.com.pe/

 

https://www.historias-clinicas.preventor.com.pe/historia_virtual/06590280/


Esta publicación ha sido modificada el hace 3 años por Pepe
 
Respondido : 11/08/2022 8:25 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Jaime,

No hay espacios entre las imágenes, te explico.

Tienes unas imágenes de unas hojas:

image

Estás insertando esto, es decir, la hoja que estás subiendo como imagen tiene espacios, y estos son los que vez como separaciones

En este video está seleccionándose en el código la imagen como tal y vez que donde comienza una termina la otra, sin ninguna separación, para que se vean más grande o más pegado todo tendrías que modificar la foto que estás subiendo.

Un saludo 🖐️ 


 
Respondido : 11/08/2022 8:36 pm