Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
overlapped navigation

hi! on this page:
http://fdmed.org/category/recetas/

the text to the right of the image is cut and overlapped navigation, How I can fix-it?

there are a very similar coded archive and has not the same problem:
http://fdmed.org/category/noticias/

the Code:



<?php get_header(); ?>

<div class="authorbox"><h1><?php _e('ARXIU DE ','newsplus'); ?><?php single_cat_title(); ?></i></h1>

<?php echo category_description(); ?></div>

<?php get_sidebar(); ?>



<div class="archivebox">

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

<div style="float:left;margin-bottom:10px;"><div class="thumblist"><?php if ( has_post_thumbnail()) : ?><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(); ?> </a> <?php endif; ?></div><div style=""><h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> (<?php the_time('d M y') ?>)</h1><span class="linetwo"><?php echo get_post_meta($post->ID, 'descripcion', $single=true) ?><br><?php if( get('elaboracion')) { echo "<b>".__('Temps d´elaboració:','newsplus')."</b>"; } ?> <?php echo get_post_meta($post->ID, 'elaboracion', $single=true) ?> - <?php if( get('tiempo_de_coccion')) { echo "<b>".__('Temps de cocció:','newsplus')."</b>"; } ?>  <?php echo get_post_meta($post->ID, 'tiempo_de_coccion', $single=true) ?>-  <?php if( get('total')) { echo "<b>".__('Temps total:','newsplus')."</b>"; } ?>  <?php echo get_post_meta($post->ID, 'total', $single=true) ?><br><?php _e('Etiquetes:','newsplus'); ?><?php the_tags(' ', ', ' ); ?></span></div></div>



<?php endwhile; ?>

  

  <div class="navigation">

    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

  </div>

  <?php else : ?>

  <h5><?php _e('Not Found','newsplus'); ?></h5>

  <div class="line"></div>

  <br style="clear:both;margin-bottom:5px;" />

</div>

<?php endif; ?>



<?php get_footer(); ?>

thanks!

This question has been answered.

Albert Ariza | 05/10/11 at 6:32am Edit

(5) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

Last edited:
05/10/11
6:56am

Jens Filipsson says:

Try this instead:

<?php get_header(); ?>



<div class="authorbox"><h1><?php _e('ARXIU DE ','newsplus'); ?><?php single_cat_title(); ?></i></h1>



<?php echo category_description(); ?></div>



<?php get_sidebar(); ?>







<div class="archivebox">



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



<div style="float:left;margin-bottom:10px;"><div class="thumblist"><?php if ( has_post_thumbnail()) : ?><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(); ?> </a> <?php endif; ?></div><div style=""><h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> (<?php the_time('d M y') ?>)</h1><span class="linetwo"><?php echo get_post_meta($post->ID, 'descripcion', $single=true) ?><br><?php if( get('elaboracion')) { echo "<b>".__('Temps d´elaboració:','newsplus')."</b>"; } ?> <?php echo get_post_meta($post->ID, 'elaboracion', $single=true) ?> - <?php if( get('tiempo_de_coccion')) { echo "<b>".__('Temps de cocció:','newsplus')."</b>"; } ?>  <?php echo get_post_meta($post->ID, 'tiempo_de_coccion', $single=true) ?>-  <?php if( get('total')) { echo "<b>".__('Temps total:','newsplus')."</b>"; } ?>  <?php echo get_post_meta($post->ID, 'total', $single=true) ?><br><?php _e('Etiquetes:','newsplus'); ?><?php the_tags(' ', ', ' ); ?></span></div></div>







<?php endwhile; ?>



    <br style="clear:both;" />



  <div class="navigation">



    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>



  </div>



  <?php else : ?>



  <h5><?php _e('Not Found','newsplus'); ?></h5>



  <div class="line"></div>



  <br style="clear:both;margin-bottom:5px;" />



</div>



<?php endif; ?>







<?php get_footer(); ?>

05/10/11 7:02am

Albert Ariza says:
hi Jens!
thanks, the overlapping is ok
but the text at the right of the images is still cut.

Last edited:
05/10/11
7:58am

Christianto says:

Open file style.css on your theme directory
for text cut add this to your style.css



.archivebox>div{

    width: 100%

}

for the navigation
Add clear: both on .navigation on line 1169



.navigation {

    clear: both;

    color: #666;

    float: left;

    padding: 10px 0px 0px;

}

no extra markup needed

Previous versions of this answer: 05/10/11 at 7:11am | 05/10/11 at 7:12am | 05/10/11 at 7:57am | 05/10/11 at 7:58am

05/10/11 7:52am

Christianto says:
Hi Albert,

for the cut text right to the images, it because the container width of your text is not specified and the element is float.

Have you tried my suggestion?
Thanks
05/10/11 8:23am

Christianto says:
Hi Albert,

In case you miss it I posted it again..

Open file style.css on your theme directory
for text cut add this to your style.css
```
.archivebox>div{

    width: 100%

}
```
for the navigation
Add clear:both on .navigation on line 1169
```
.navigation {

    clear: both;

    color: #666;

    float: left;

    padding: 10px 0px 0px;

}
```
Let me know if it works..
Thanks
05/10/11 8:54am

Albert Ariza says:
wow! sorry... i didn´t see it! gonna try!

05/10/11 9:03am

Albert Ariza says:

hi Cristianto!

it does not work... maybe my css file...

can i add it directly to the php?
something like...

div style="float:left;margin-bottom:10px;"><div class="thumblist"><?php if ( has_post_thumbnail()) : ?><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(); ?> </a> <?php endif; ?></div><div style="width=100%"><h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> (<?php the_time('d M y') ?>)</h1><span class="linetwo"><?php echo get_post_meta($post->ID, 'descripcion', $single=true) ?><br><?php if( get('elaboracion')) { echo "<b>".__('Temps d´elaboració:','newsplus')."</b>"; } ?> <?php echo get_post_meta($post->ID, 'elaboracion', $single=true) ?> - <?php if( get('tiempo_de_coccion')) { echo "<b>".__('Temps de cocció:','newsplus')."</b>"; } ?>  <?php echo get_post_meta($post->ID, 'tiempo_de_coccion', $single=true) ?>-  <?php if( get('total')) { echo "<b>".__('Temps total:','newsplus')."</b>"; } ?>  <?php echo get_post_meta($post->ID, 'total', $single=true) ?><br><?php _e('Etiquetes:','newsplus'); ?><?php the_tags(' ', ', ' ); ?></span></div></div>

05/10/11 11:00am

Christianto says:

It's better if the style write in css file, but here if you want to style it inline..



<?php get_header(); ?>



<div class="authorbox"><h1><?php _e('ARXIU DE ','newsplus'); ?><?php single_cat_title(); ?></i></h1>



<?php echo category_description(); ?></div>



<?php get_sidebar(); ?>



<div class="archivebox">



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



<div style="float:left;margin-bottom:10px;width:100%"><div class="thumblist"><?php if ( has_post_thumbnail()) : ?><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(); ?> </a> <?php endif; ?></div><div style=""><h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> (<?php the_time('d M y') ?>)</h1><span class="linetwo"><?php echo get_post_meta($post->ID, 'descripcion', $single=true) ?><br><?php if( get('elaboracion')) { echo "<b>".__('Temps d´elaboració:','newsplus')."</b>"; } ?> <?php echo get_post_meta($post->ID, 'elaboracion', $single=true) ?> - <?php if( get('tiempo_de_coccion')) { echo "<b>".__('Temps de cocció:','newsplus')."</b>"; } ?>  <?php echo get_post_meta($post->ID, 'tiempo_de_coccion', $single=true) ?>-  <?php if( get('total')) { echo "<b>".__('Temps total:','newsplus')."</b>"; } ?>  <?php echo get_post_meta($post->ID, 'total', $single=true) ?><br><?php _e('Etiquetes:','newsplus'); ?><?php the_tags(' ', ', ' ); ?></span></div></div>



<?php endwhile; ?>



  <div class="navigation" style="clear:both;">



    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>



  </div>

  

  <?php else : ?>



  <h5><?php _e('Not Found','newsplus'); ?></h5>



  <div class="line"></div>



  <br style="clear:both;margin-bottom:5px;" />



</div>



<?php endif; ?>



<?php get_footer(); ?>

Hope this help..

05/11/11 4:48am

Albert Ariza says:
GREAT! thanks Cristianto!
05/11/11 4:53am

Albert Ariza says:
sorry... one more question, :)
how can I assign you the money?
tutorial about that does not work...
and it´s my first time asking... :(
any other tutorial around here?

bytheway! lovely site! really usefull! thanks!

Last edited:
05/10/11
7:03am
Baki Goxhaj says:
Add clear: both; to .navigation class.
Last edited:
05/10/11
7:10am
Vidyut Kale says:
Working fine for me. What exactly is the problem?
Last edited:
05/10/11
7:28am
Pali Madra says:
Seems like this has been fixed.

Please advise Albert.
- 05/10/11 7:38am
  
  Albert Ariza says:
  yes... sorry!
  i think the problem is my english... :(
  
  I have made the changes by Jens and the overlapped navigation is ok.
  But the text at the right of the images is still cut...
- 05/10/11 7:50am
  
  Pali Madra says:
  Thanks Albert.
  
  However, the problem is that I'm not able to see the problem you are facing (or I'm too stupid to understand the problem)
  
  I feel it is not your language that is the problem but the fact we who do not know Spanish cannot see clearly what you mean.
  
  May I request you to take a screenshot and point out what you mean. Sorry for bothering you but I think this way we will know exactly what you are saying.
- 05/10/11 7:59am
  
  Albert Ariza says:
  hi Pali,
  yes... i send you an screenshot to show what i mean!
  sorry... and thanks!
  
  Attached Image

This question has expired.

Albert Ariza voted on this question.

Current status of this question: Completed

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

Ask your WordPress questions! Pay money and get answers fast! (more info)

$10 overlapped navigation

(5) Possible Answers Submitted...

$10
overlapped navigation