مشکل کوچک در زمینه های دلخواه

[cheshmak816 4]

سلام خدمت دوستان

من کد های زمینه های دلخواه رو آماده کردم اما با یک مشکل کوچیکی رو به رو شدم که توی عکس معلوم هستش

http://up.vbiran.ir/uploads/Snap2_45101139042259018499.png

کد های یک مشکلی داره که وقتی 2 تا لینک میزارم از بک گراند میزنه بیرون

اگه کسی پیدا بشه این مشکل رو از درون کد ها حل کنه ممنون میشم

کد های single

<div id="download-links">
  <ul>
<?php $mid_var = get_post_meta($post->ID, 'link',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
    <li class="download"><a href="<?php echo get_post_meta($post->ID, 'link',true); ?>">دانلود با لینک مستقیم</a></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'size',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
  <li class="size">حجم: <?php echo get_post_meta($post->ID, 'size',true); ?></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'pass',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
    <li class="format">فرمت: <?php echo get_post_meta($post->ID, 'pass',true); ?></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'link1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
    <li class="download"><a href="<?php echo get_post_meta($post->ID, 'link1',true); ?>">دانلود با لینک مستقیم</a></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'size1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
  <li class="size">حجم: <?php echo get_post_meta($post->ID, 'size1',true); ?></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'pass1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
    <li class="format">فرمت: <?php echo get_post_meta($post->ID, 'pass1',true); ?></li>
<?php endif; ?>

  </ul>
</div>

کد های css

#download-links{
border:2px solid #000000;
margin-top:5px;
background: url("images/download-bg.png") no-repeat left center #fcfde5;
display:block;
height:30px ;
padding:1px 0 0 0;
}
#download-links ul {
   color: #3A508B;
margin-right: 10px;
padding-top: 4px; }
#download-links ul li {
   color: #3A508B;
display: block;
float: right;
font-weight: bold
}
}
#download-links .download{
background: url("images/download-arrow.png") no-repeat right 3px transparent;
margin: 20px;
padding: 0 30px 0 0;

}
#download-links .size{
background: url("images/size-arrow.png") no-repeat right 3px transparent;

margin: 0 40px 0 0;
padding: 0 90px 0 0;
}
#download-links .format{
background: url("images/format-arrow.png") no-repeat right 3px transparent;
margin: 0 10px 0 0;
padding: 0px 130px 0 0; }
}

[Ghaem 1492]

در

#download-links

height رو به

height:auto ;

تغییر بدید اگه نشد مقدار 30px رو بیشتر کنید.

اگه آدرس سایت رو می دادید بهتر می شد.

ویرایش شده بهمن 92 توسط Ghaem