ورود

View Full Version : گذاشتن سایز برای خانه های جداول html



rezaei manesh
دوشنبه 30 بهمن 1385, 10:28 صبح
سلام
چطور باید عرض و طول سطر و ستون های یک جدول رو مشخص کنم به صورتی که بعضی ها ثابت و بعضی ها درصدی باشه
در کل من سطر اولم اینطوری که طرف راست 3تا ستون ثابت دارم و بعد یه ستون که سطر اول اون ثابت (x) و سطر دوم اون هم ثابت با مقدار(y) و سطر های بعدی هم ثابت Z و ستون بعدی این میخوام 100% باشه یعنی تا انتهای سمت چپ ادامه داشته باشه
حالا تویه بعضی از این ستون ها من باید عکس قرار بدم اما 3 روز هر کاری می کونم دلبخوان مین نمی شه هر بار یه جا می لنگه می خوام تو اندازه های مختلف پنجره اکسپرورر درست کار کنه
اما مشکل من اینه که اندازه ستون های جدول تغییر می کنند.

oVERfLOW
دوشنبه 30 بهمن 1385, 13:28 عصر
<td style="width: 100%;">
یا
<td style="width: 200px;">

rezaei manesh
دوشنبه 30 بهمن 1385, 13:58 عصر
این کد شما یعنی چی ؟!!!
من به همین صورت مقدار می دم اما نمی شه
من فکر کنم یه نکته ای داره که من رعایت نمی کنم
من به این شکل عمل کردم
از راست ستون اول عرض 200 و ستونم دوم 24 و ستون سوم 10 و ستون چهارم 104 و ستون آخر 100درصد
و اما سطر دوم ستون اول و دوم مثل سطر یک و ستون سوم 30px و ستون چهار و پنچ یکی شده و 100درصد
و بقیه هم کمو بیش شبیه همین 2 سطر

tabib_m
دوشنبه 30 بهمن 1385, 17:07 عصر
ستون اول و دوم مثل سطر یک
خوب اندازه ی ستون ها طبیعتا تو سطر های مختلف دقیقا اندازه س ، بحث سر جدول هست.

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

موفق باشید.

rezaei manesh
دوشنبه 30 بهمن 1385, 18:12 عصر
من بعصی ها رو merge کردم

قسمتی از کد این طوریه


.
.
.
</tr>
</table>
</div><table border="0" style="width: 100%; border-top-style: none; border-right-style: none;
border-left-style: none; border-collapse: collapse; border-bottom-style: none">
<tr>
<td style="vertical-align: top; background-color: #540000; height: 32px; width: 207px;">
<img src="images/Orginal_26.jpg" alt="" style="width: 100%; vertical-align: top; text-align: left;"/></td>
<td style="width: 15px; height: 32px; background-image: url(Images/labelLeft.jpg); vertical-align: top;">
</td>
<td colspan="1" style="vertical-align: middle; height: 32px; text-align: left; width: 17px; background-image: url(Images/page-right.jpg); border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;"></td>
<td colspan="2" style="background-image: url(Images/Orginal_20.jpg); vertical-align: bottom;
height: 32px; text-align: right">
<asp:Image ID="ImgTitle" runat="server" AlternateText= "" ImageUrl="~/Images/labe-home.jpg" Height="24px" ImageAlign="Bottom" /></td>
</tr>
<tr>
<td rowspan="1" style="vertical-align: top; height: 10px; background-color: #540000; width: 207px;">
</td>
<td rowspan="1" style="background-image: url(Images/LabelLeftAll.jpg); height: 10px; width: 15px;">
</td>
<td style="background-image: url(Images/line-right.jpg); width: 17px; height: 10px; vertical-align: middle; border-top-style: none; border-right-style: none; border-left-style: none; text-align: left; border-bottom-style: none;">
</td>
<td colspan="2" style="background-image: url(Images/line-bg.jpg); width: 80%; height: 10px;
background-color: white">
</td>
</tr>
<tr>
<td rowspan="2" style="background-color: #540000; vertical-align: top; width: 207px;">
<table style="width: 174px">
<tr>
<td rowspan="1" style="background-image:url(Images/MenuHeader.gif);font-weight: bold; font-size: 14px;
width: 174px; color: white; font-family: Times New Roman; height: 21px; text-align: right">
&nbsp; آرشیو :</td>
</tr>
</table>
<asp:GridView ID="GrdArchive" runat="server" AutoGenerateColumns="False" BorderStyle="None"
.
.
.

oVERfLOW
سه شنبه 01 اسفند 1385, 10:17 صبح
اگه خودتون متوجه شدید که توی پست 3 چی نوشتید برای ما هم توضیح بدید !

rezaei manesh
سه شنبه 01 اسفند 1385, 10:24 صبح
درست شد اشتباه تایپی بود اگه دقت می کردید که می دونم کردید منطور رو متوجه می شدید .
ستون رو به سطر تغییر دادم الان بخونید
از اشتباه تایبی پیش اومده هم عذر می خوام

oVERfLOW
سه شنبه 01 اسفند 1385, 10:50 صبح
طبق اون چیزی که می گید باید colspan توی خط 14 حذف بشه چون این طوری سلول رو دو ردیفی می کنه که شما این طوری نمی خوای باشه به علاوه عرض سلول هم تعیین نشده که باید 100% تعیینش کنید.

توی ردیف دوم هم اون سلولی رو که می خواید دو ستونی بشه رو colspan ش رو مساوی 2 قرار بدید باید حل بشه