رفتن به مطلب

مشکل در قراردادن موضوعات در کنارهم


rmahdi11

پست های پیشنهاد شده

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

من داشتم یه استایل طراحی میکردم :D که به یه مشکلی برخوردم .

میخوام این عکس رو که میبینی بخش مطالب پیشنهادی ویژه مطالبش رو کنار هم قرار بدم به صورتی که عنوان زیر هر تصویر شاخص نمایش داده بشه ، سی اس اس و کدی که استفاده می کنم رو هم براتون قرار دادم ،

لطفا راهنمایی فرمایید


.boxVizhesh {
background: url(images/bg2.png) ;
border:5px solid rgba(0,0,0,.15);
border-radius:3px;
}
#pishnahad{
float:right;
text-align:right;
background:rgba(0,0,0,.15) ;
border-bottom-left-radius:3px;
font-family : wdtun;
font-size: 18px;
padding-right: 7px;
padding-left: 7px;
color:#FFF;
}
#matnpishnahad{
float:right;
border-bottom-left-radius:3px;
font-family : wdtun;
font-size: 14px;
padding-top:2px;
padding-right: 7px;
padding-left: 7px;
color:#FFF;
}


<div class="boxVizhesh">
<div id="pishnahad">آخرین مطالب ویژه پیشنهادی</div><div id="matnpishnahad"> برای مشاهده مطالب این بخش باید در عضویت ویژه سایت باشید . جهت عضویت برای مشاهده بخش ویژه هم اکنون میتوانید اقدام کنید.</div>
<br/><br/><br/>

<?php
$my_query = new WP_Query('showposts=7&cat=1');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<?php the_post_thumbnail('single-post-thumbnail'); ?>
<a href="<?php the_permalink() ?>"><?php limit_title($post->post_title, 23); ?></a>
<?php endwhile; ?>

post-3376-0-29862700-1378574828_thumb.jp

لینک به ارسال

سلام

خصوصیت float:right رو بردارید از عکس ها تا متن به جای این که کنارش شناور شه بیاد زیرش و بعد بهش margin-top بدید تا از عکس بالاش فاصله بگیره ;)

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...