Textarea (asp:Textbox TextMode="Multiline") overlapping buttons
- by Gogster
Hi all,
I'm having this problem with form buttons overlapping an asp:Texbox with TextMode set to multi-line:
Here is the code:
<asp:Panel ID="pnlGiftStep" Visible="false" runat="server">
<img src="/images/shopping-cart/form-separator.png" alt="separator" />
<div class="form-title">GIFT OPTIONS</div>
<div class="row">
<asp:TextBox ID="txtGiftName" Height="31" Width="323" BorderStyle="None" Font-Names="Arial"
Font-Size="116.7%" runat="server"></asp:TextBox>
<cc1:TextBoxWatermarkExtender ID="wmeGiftName"
TargetControlID="txtGiftName" WatermarkText="Gift Name"
WatermarkCssClass="watermark" runat="server"></cc1:TextBoxWatermarkExtender>
</div>
<br class="clear" />
<div class="row">
<asp:TextBox ID="txtGiftMessage" Rows="5" Width="323" BorderStyle="None"
Font-Names="Arial" TextMode="MultiLine"
Font-Size="116.7%" runat="server"></asp:TextBox>
<cc1:TextBoxWatermarkExtender ID="wmeGiftMessage"
TargetControlID="txtGiftMessage" WatermarkText="Gift Message"
WatermarkCssClass="watermark" runat="server"></cc1:TextBoxWatermarkExtender>
</div>
<br class="clear" />
<div class="button-row">
<asp:ImageButton ID="imbShippingDetails"
ImageUrl="/images/shopping-cart/ship-details-btn.png"
OnClick="ReturnToShipping"
ValidationGroup="shipping"
runat="server" />
<asp:ImageButton ID="imbPayDetails" ImageUrl="/images/shopping-cart/pay-details-btn.png"
ValidationGroup="pay"
runat="server" />
</div>
<br class="clear" />
</asp:Panel>
Here is the CSS:
.row
{
float:left;
height:40px;
}
.button-row
{
float:left;
width:323px;
text-align:right;
}
Any ideas how I can stop this?
Thanks.
