kingblog

چیدن عکس در سه ستون و سه سطر؟

8 پست در این موضوع قرار دارد

سلام

من میخوام تصویر شماره یک رو:

1JS57W.jpg

به تصویر شماره دو تبدیل کنم:

2GErcl.jpg

یعنی میخوام تصاویر در سه سطر و سه ستون قرار بگیرند. البته با کدهای جدول کمی ور رفتم نتونستم نتیجه بگیرم ممنون میشم راهنمایی کنید

0

به اشتراک گذاری این پست


لینک به پست

به div اصلی که این عکسا در اون قرار دارن یک height و width به اندازه عکس دوم بدین.

بعد به هر کدوم از اون عکس کوچیکا بک float:right بدین

بعد با margin اندازشو درست کنین

1

به اشتراک گذاری این پست


لینک به پست

ممنون از پاسختون

ولی نتونستم درستن کنم

ببینید من از این کد استفاده میکنم که نه مطلب مربوط به یک دسته رو با تصویر شاخصش نشون میده که بصورت یک ستون زیر هم نشون میده:




<div class="tabbed-box0">
<div class="contentdiv">
<?php $myposts = get_posts('category=227&numberposts=9'); ?>
<?php foreach($myposts as $post) : setup_postdata($post); ?>
<li><h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4> [<?php echo the_date('d M Y'); ?>] </li>
<img height="70" width="100" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" src="<?php echo catch_that_image(); ?>">
<?php endforeach; ?>
<div class="left"><a href="<?php echo get_category_link( 227 ); ?>" ><span style="background: transparent url(/wp-content/themes/DBStheme_Kelishe/images/jarage.gif) repeat-x scroll 0% 0%; color: #00bb35; text-shadow: 0px 0px 1px;">[آرشيو]</span></a></div>
</div></div>

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

همون جور که گفتین انجام دادم ولی درست نشد البته چون خیلی وارد نیستم شاید اشتباه کدها رو گذاشتم.

ویرایش شده در توسط kingblog
0

به اشتراک گذاری این پست


لینک به پست

دمو انلاين ندارين !؟‌

0

به اشتراک گذاری این پست


لینک به پست

سلام

پایین صفحه سایتم

کینگ بلاگ

همون جور که میبینید از چند تب درست شده که در هر تب چند نوشته آخر یک دسته خاص رو با تصویر شاخص نشون میده که در یک ستون زیر هم هستند. میخوام به شکل سه ستون و سه سطر نشون بده

0

به اشتراک گذاری این پست


لینک به پست

؟

0

به اشتراک گذاری این پست


لینک به پست

کسی نیست؟

0

به اشتراک گذاری این پست


لینک به پست
:(
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری