ترتیب کنترل ها

[اوبالیت به بو]

سلام

من می خوام این Combo ها زیر TextBox هام بیاد. چه کار باید بکنم؟ css هر دو کنترل رو براتون می گذارم. چی باید اضافه کنم که درست بشه؟

.textbox
{
display: block;
margin-top: 4px;
width: 200px;
height: 30px;
color: Blue;
font-family: "Mitra", "Nazanin", "Traffic", Arial, Helvetica, Verdana, sans-serif;
font-size: medium;
font-weight: 400;
}

.dropdownlist
{
font-family: "Mitra", "Nazanin", "Traffic", Arial, Helvetica, Verdana, sans-serif;
font-size: medium;
background-image: none !important;
background-color: #CEF0F9 !important;
margin-top: 4px;
width: 110px;
height: 30px;
}

[pary_daryayi]

اينها احتمالا تو table نيستند ؟

فكر ميكنم به خاطر اينه كه در ستون دوم table قرار گرفتند .

از ul , li يا div براي چيدمان استفاده بشه بهتره

[اوبالیت به بو]

اينها احتمالا تو table نيستند ؟

فكر ميكنم به خاطر اينه كه در ستون دوم table قرار گرفتند .

از ul , li يا div براي چيدمان استفاده بشه بهتره

درسته در جدول قرار گرفتند. چه تغییری باید داده بشه تا در جدول درست نمایش داده بشوند؟

[pary_daryayi]

برای استفاده از جدول به این صورت باید از colspan ؛ rowspan استفاده کنید ولی با ul‌و li راحت تره .
مثلا این مثال ساده رو ببینید :
کد css :


ul{list-style:none;}
li{width:200px; height:30px; background-color:#FF99FF}


کد html :


<ul>
<li> name : <input type="text" name="name" /></li>
<li> pass : <input type="text" name="pass" /></li>
</ul>

[اوبالیت به بو]

تشکر

شرایط طوری هست که باید از جدول استفاده کنم. با توجه به css که در پست اول نوشتم چه نظری دارید؟

ممنونم.

[pary_daryayi]

خب شرايط رو عوض كنيد.:لبخندساده:

كدهاي html جدولتون رو بزاريد.

[اوبالیت به بو]

<table class="style1">
<tr>
<td>
&nbsp;</td>
<td>
<asp:Label ID="lblMessage" runat="server"></asp:Label>
<asp:ValidationSummary ID="vsRequest" runat="server" />
</td>
<td>
&nbsp;</td>
</tr>
<tr>
<td>
کد درخواست:</td>
<td>
<asp:TextBox ID="txtID" runat="server" CssClass="textbox"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator ID="rfvID" runat="server" ControlToValidate="txtID"
ErrorMessage="کد درخواست را مشخص نمایید."><img
src="../../Styles/images/alert.png" /></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
تاریخ:</td>
<td>
<p class='ui-widget-content'><asp:TextBox ID="txtDate" runat="server"
CssClass="textbox"></asp:TextBox></p>
</td>
<td>
<asp:RequiredFieldValidator ID="rfvDate" runat="server"
ControlToValidate="txtDate" ErrorMessage="تاریخ را مشخص نمایید."><img
src="../../Styles/images/alert.png" /></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
سریال موتور:</td>
<td>
<asp:DropDownList ID="ddlEnginesSerial" runat="server" CssClass="dropdownlist">
</asp:DropDownList>
</td>
<td>
<asp:RequiredFieldValidator ID="rfvEngineSerial" runat="server"
ControlToValidate="ddlEnginesSerial"
ErrorMessage="شماره سریال موتور را مشخص نمایید." InitialValue="-1"><img
src="../../Styles/images/alert.png" /></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
نوع تعمیر:</td>
<td>
<asp:DropDownList ID="ddlTypeOfMaintenance" runat="server"
CssClass="dropdownlist">
<asp:ListItem Value="-1">انتخاب نمایید</asp:ListItem>
<asp:ListItem Value="0">جاری</asp:ListItem>
<asp:ListItem Value="1">اساسی</asp:ListItem>
</asp:DropDownList>
</td>
<td>
<asp:RequiredFieldValidator ID="rfvTypeOfMaintenance" runat="server"
ControlToValidate="ddlTypeOfMaintenance"
ErrorMessage="نوع تعمیر را مشخص نمایید." InitialValue="-1"><img
src="../../Styles/images/alert.png" /></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
بخش:</td>
<td>
<asp:DropDownList ID="ddlSections" runat="server" CssClass="dropdownlist">
</asp:DropDownList>
</td>
<td>
<asp:RequiredFieldValidator ID="rfvSections" runat="server"
ControlToValidate="ddlSections" ErrorMessage="بخش را مشخص نمایید."
InitialValue="-1"><img
src="../../Styles/images/alert.png" /></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
ناحیه:</td>
<td>
<asp:DropDownList ID="ddlAreas" runat="server" CssClass="dropdownlist">
</asp:DropDownList>
</td>
<td>
<asp:RequiredFieldValidator ID="rfvAreas" runat="server"
ControlToValidate="ddlAreas" ErrorMessage="ناحیه را مشخص نمایید."
InitialValue="-1"><img
src="../../Styles/images/alert.png" /></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
توضیحات:<br />
(علت درخواست)</td>
<td>
<asp:TextBox ID="txtDescriptions" runat="server" Height="150px"
TextMode="MultiLine" Width="500px" CssClass="textbox"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator ID="rfvDescriptions" runat="server"
ControlToValidate="txtDescriptions" ErrorMessage="توضیحات را مشخص نمایید."><img
src="../../Styles/images/alert.png" /></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
&nbsp;</td>
<td>
<asp:Button ID="btnSave" runat="server" onclick="btnSave_Click" Text="ذخیره"
CssClass="submitButton" />
</td>
<td>
&nbsp;</td>
</tr>
</table>

[اوبالیت به بو]

مشکل رو پیدا کردم: در css مربوط به .body نوشته بودم: text-align:center که با حذف این دستور چیدمان کنترل ها درست شد.