رفتن به مطلب

ایجاد div در یک نوشته وردپرس؟؟؟


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

سلام دوستان

منمیخوام توی صفحه های وردپرس جول ایجاد کنم به این نتیجه رسیدم که جدول هارو به طریق ایجاد div های پی در پی بسازم خشگل تر و کاربرپسنتر میشه

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

عکس ببینید

http://up6.ir/1RqZ

اینم کدهایی که استفاده کردم


<html>
<style>
.j1 , .j2 , .j3 ,.j4 ,.j5 ,.j6 {
float:right;
width:150px;
height:600px;
border:1px solid #ccc;
margin:10px 10px 10px 3px;}
.j1:hover{
box-shadow:-3px 5px 2px #8AD0FF;
}
</style>
<body>
<div class="j1"> </div>
<div class="j2"> </div>
<div class="j3"> </div>
<div class="j4"> </div>
<div class="j5"> </div>
<div class="j6"> </div>
</body>
</html>

ویرایش شده توسط saeeddeeas
لینک به ارسال

بستگی به محل کدها داره


<style>
.jparnt{width: 500px}
.j1 , .j2 , .j3 ,.j4 ,.j5 ,.j6 {
float:right;
width:150px;
height:600px;
border:1px solid #ccc;
margin:10px 10px 10px 3px;}
.j1:hover{
box-shadow:-3px 5px 2px #8AD0FF;
}
</style>
<div class="jparnt">
<div class="j1"> </div>
<div class="j2"> </div>
<div class="j3"> </div>
<div class="j4"> </div>
<div class="j5"> </div>
<div class="j6"> </div>
</div>

لینک به ارسال

بستگی به محل کدها داره


<style>
.jparnt{width: 500px}
.j1 , .j2 , .j3 ,.j4 ,.j5 ,.j6 {
float:right;
width:150px;
height:600px;
border:1px solid #ccc;
margin:10px 10px 10px 3px;}
.j1:hover{
box-shadow:-3px 5px 2px #8AD0FF;
}
</style>
<div class="jparnt">
<div class="j1"> </div>
<div class="j2"> </div>
<div class="j3"> </div>
<div class="j4"> </div>
<div class="j5"> </div>
<div class="j6"> </div>
</div>

اینم نشد

به نظرتون چه کاری انجام بدم

لینک به ارسال

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


<table style="width: 100%">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

لینک به ارسال

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

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

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

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

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

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

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

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

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