View Full Version : استفاده از table برای طراحی قالب سایت
fereshte22
یک شنبه 15 مهر 1386, 14:48 عصر
سلام
من یه مشکلی داشتم.البته میدونم که خیلی ابتدایی است ولی نمیدونم چطوری باید حلش کنم.
ببینید من میخواهم که از table برای طراحی قالب سایتم استفاده کنم.
فرض کنید که این table شامل دو ستون و چند سطر است.در ستون اول چیزهایی مثل login و جستجو و منوهای سایت قرار میگیرد و در ستون دوم گریدویو و دیتالیست قرار میگیرد.
ولی مشکل اینه که وقتی در ستون دوم این گریدویو قرار میگیرد چیزهایی که درستون اول وجود دارد به پایین کشیده میشود و طراحی به هم میخورد
من از درصد هم برای مشخص کردن طول و عرض استفاده کردم ولی باز طراحی به هم میخورد
برای حل این مشکل باید چیکار کنیم؟
mrrajabi
یک شنبه 15 مهر 1386, 14:58 عصر
سلام
یکم عرض ستونها رو زیاد کنید درست میشه
fereshte22
یک شنبه 15 مهر 1386, 23:40 عصر
ببخشید این عرض ستونها که میفرمایید به صورت درصد مشخص کنم و یا به صورت معمولی ؟
یه کم میشه بیشتر توضیح دهید.اگر مثال هم بزنید ممنون میشوم
چون هر کاری میکنم درست نمیشود.
mrrajabi
دوشنبه 16 مهر 1386, 13:02 عصر
همون به صورت معمولی عرض ستون هاتونو زیاد کنید درست میشه.با ماوس بگیرید و بکشید تا اون مشکل پیش نیاد دیگه.
fereshte22
دوشنبه 16 مهر 1386, 14:21 عصر
سلام
راستش من عرض را هم زیاد میکنم ولی بدتر میشود.:افسرده:
براتون امکان دارد که یه نمونه کار ساده و مشابه کار من بگذارید
ممنون
mrrajabi
دوشنبه 16 مهر 1386, 15:15 عصر
والا مثال که چه عرض کنم
من همین مشکل رو هر وقت بهش برخوردم تا حالا عرض ستونامو زیاد که کردم مشکلم حل شده.حالا شما صفحتونو بذارین اینجا شاید بشه کمک کرد.
fereshte22
دوشنبه 16 مهر 1386, 16:51 عصر
<tablecellpadding="0"cellspacing="0"style="width: 100%">
<tr>
<tdstyle="width: 80%">
<tablecellpadding="0"cellspacing="0"style="font-weight: bold; font-size: 11px;
width: 204px; font-family: tahoma; background-color: cornflowerblue">
<tr>
<tdstyle="width: 100px; text-align: center">
<asp:HyperLinkID="HyperLink9"runat="server"Width="20px"BackColor="AliceBlue"ImageUrl="~/images/1.gif"NavigateUrl="~/index.aspx"></asp:HyperLink></td>
<tdstyle="width: 100px; text-align: left">
</td>
<tdstyle="width: 100px; text-align: right">
<asp:HyperLinkFont-Names="Tahoma"Font-Size="X-Small"ForeColor="White"ID="HyperLink10"NavigateUrl="~/index.aspx"runat="server">ه¥ى ںیé</asp:HyperLink></td>
</tr>
<tr>
<tdstyle="width: 100px; height: 16px; text-align: center">
<asp:HyperLinkID="HyperLink11"ImageUrl="~/images/1.gif"NavigateUrl="~/help.aspx"runat="server"></asp:HyperLink></td>
<tdstyle="width: 100px; height: 16px; text-align: left"/>
<tdstyle="width: 100px; height: 16px; text-align: right;">
<asp:HyperLinkFont-Names="Tahoma"Font-Size="X-Small"ForeColor="White"ID="HyperLink12"NavigateUrl="~/help.aspx"runat="server">©ںىëêںیی</asp:HyperLink></td>
</tr>
<tr>
<tdstyle="width: 100px; text-align: center">
<asp:HyperLinkID="HyperLink13"ImageUrl="~/images/1.gif"runat="server"></asp:HyperLink></td>
<tdstyle="width: 100px; text-align: left;">
</td>
<tdstyle="width: 100px; text-align: right">
<asp:HyperLinkID="HyperLink14"runat="server"Font-Names="Tahoma"Font-Size="X-Small"
ForeColor="White"Width="104px">êç©©ں¢ ی ¢مى§ں¢</asp:HyperLink></td>
</tr>
<tr>
<tdstyle="width: 100px; text-align: center">
<asp:HyperLinkID="HyperLink15"ImageUrl="~/images/1.gif"NavigateUrl="~/newsshop.aspx"runat="server"></asp:HyperLink></td>
<tdstyle="width: 100px; text-align: left">
</td>
<tdstyle="width: 100px; text-align: right">
<asp:HyperLinkFont-Names="Tahoma"Font-Size="X-Small"ForeColor="White"ID="HyperLink16"NavigateUrl="~/newsshop.aspx"runat="server">ں¦ ں© ه©ی¬گںى</asp:HyperLink></td>
</tr>
<tr>
<tdstyle="width: 100px; height: 13px;">
</td>
<td
style="width: 100px; height: 13px;">
</td>
<tdstyle="width: 100px; height: 13px">
</td>
</tr>
</table>
</td>
<tdstyle="width: 20%">
<tableid="TABLE1"cellpadding="0"cellspacing="0"onclick="return TABLE1_onclick()"
style="font-size: 11px; border-left-color: midnightblue; border-bottom-color: midnightblue;
width: 163px; color: white; border-top-color: white; font-family: tahoma; background-color: cornflowerblue;
border-right-color: midnightblue">
<tr>
<tdstyle="width: 42px; height: 14px; text-align: left">
<asp:LabelID="Label2"runat="server"Font-Names="Tahoma"Font-Size="X-Small"
Text="ںیêیé"Width="35px"></asp:Label></td>
<tdstyle="width: 100px; height: 14px">
<inputid="Username"runat="server"autocomplete="off"style="width: 80px; height: 12px"
type="text"/></td>
<tdstyle="width: 90px; height: 14px; text-align: right">
<asp:CheckBoxID="CheckBox1"runat="server"Font-Names="Tahoma"Font-Size="XX-Small"
ForeColor="White"Height="1px"Text=" ى ¦ںل© §ں¬¢ë؟"Width="113px"/> </td>
</tr>
<tr>
<tdstyle="width: 42px; height: 26px; text-align: left">
<asp:LabelID="Label1"runat="server"Font-Names="Tahoma"Font-Size="X-Small"Text="©êھ م ی©"
Width="46px"></asp:Label></td>
<tdstyle="width: 100px; height: 26px">
<inputid="Password"runat="server"autocomplete="off"style="width: 80px; height: 12px"
type="password"/></td>
<tdstyle="width: 90px; height: 26px; text-align: center">
<asp:ButtonID="Button1"runat="server"Font-Names="Tahoma"Font-Size="X-Small"ForeColor="DarkBlue"
Height="26px"Text="ی©ی§"Width="37px"/></td>
</tr>
</table>
</td>
</tr>
</table>
من هر کاری کردم که کل طراحی را قرار دهم پیغام میداد که کاراکترها از حد مجاز بیشتر است.به همین دلیل در ستون سمت راست فقط یه طراحیه ساده قرار دادم.ولی شما در نظر بگیرید که من اگه یه گریدویو قرار دهم ستون سمت راست خیلی بیشتر به سمت پایین کشیده میشود.
m.hamidreza
دوشنبه 16 مهر 1386, 22:08 عصر
ولی مشکل اینه که وقتی در ستون دوم این گریدویو قرار میگیرد چیزهایی که درستون اول وجود دارد به پایین کشیده میشود و طراحی به هم میخورد
style="vertical-align:top"
اینو به td ای بده که میخوای آیتماش جابجا نشن ... اگه نشد فایل aspx شو بزار :لبخندساده:
fereshte22
سه شنبه 17 مهر 1386, 13:12 عصر
...اینو به td ای بده که میخوای آیتماش جابجا نشن مرسی از راهنمایتون.مشکلم حل شد .کمک بزرگی کردید
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.