سوال: معادل div این شکل جدول؟ [بایگانی]

aliramazani

چهارشنبه 02 شهریور 1390, 22:02 عصر

من یه جدول دارم به شکل زیر

می خوام به صورت div باشه. اگه بخوام بشه چکار کنم؟

<table width="600" border="0" class="plist1">
<tr>
<th scope="col" width="20px"><div align="right">کد</div></th>
<th scope="col" width="20px"><div align="right"></div></th>
<th scope="col" width="350px"><div align="right">نام محصول</div></th>
<th scope="col" width="150px"><div align="right">دسته</div></th>
<th scope="col" width="50px"> <div align="center">ویرایش</div></th>
<th scope="col"width="50px"> <div align="center">حذف</div></th>
</tr>
</table>

erfansmart

پنج شنبه 03 شهریور 1390, 11:27 صبح

این یه نمونه ازکدیه که میخواستی

<html>

<head>
<style type="text/css">
#h4
{
position:relative;
right:0px;
top: 0px;
left:100px;
bottom:0px
}

</style>

</head>

<body>

<div>

<div id="body">

<div id="header">
<h4 id="h4">q</h4>

</div>

</div>

باقیشو خودت بنویس منظورم توی کده

aliramazani

شنبه 12 شهریور 1390, 14:52 عصر

ولی این کد اون نبود

cyrusthegreat

شنبه 12 شهریور 1390, 22:33 عصر

سلام دوست عزیز

فایل رو دانلود کن. مشکلی بود در خدمتم.

Saber Mogaddas

یک شنبه 27 شهریور 1390, 10:40 صبح

من یه جدول دارم به شکل زیر

می خوام به صورت div باشه. اگه بخوام بشه چکار کنم؟

<table width="600" border="0" class="plist1">
<tr>
<th scope="col" width="20px"><div align="right">کد</div></th>
<th scope="col" width="20px"><div align="right"></div></th>
<th scope="col" width="350px"><div align="right">نام محصول</div></th>
<th scope="col" width="150px"><div align="right">دسته</div></th>
<th scope="col" width="50px"> <div align="center">ویرایش</div></th>
<th scope="col"width="50px"> <div align="center">حذف</div></th>
</tr>
</table>
این کد html

<div id="Wraper">
<div id="Delete">حذف</div>
<div id="Edit">ویرایش</div>
<div id="DaSte">دسته</div>
<div id="Name">نام محصول</div>
<div id="Space"></div>
<div id="Code">کد</div>
</div>

اینم کد css

#Wraper
{
width:600px;
height:20px;
font-weight:bold;
}
#Delete
{
width:50px;
height:20px;
float:right;
text-align:center;
}
#Edit
{
width:50px;
height:20px;
float:right;
text-align:center;
}
#DaSte
{
width:150px;
height:20px;
float:right;
text-align:right;
}
#Name
{
width:310px;
height:20px;
float:right;
text-align:right;
}
#Space
{
width:20px;
height:20px;
float:right;
text-align:center;
}
#Code
{
width:20px;
height:20px;
float:right;
text-align:center;
}