Web Connection 5.0
Re: Text alignments
03/05/2012
10:28:24 AM
3G50MG5HU![Show this entire thread in new window]()
10:28:24 AM
3G50MG5HU
valign attributes are ignored in HTML 5. You need to use:
style="vertical-align: middle"
for this to work.
Dear Rick,
I am following your examples about Web Control Framework. In the following example I do not understand why I see the first column's text aligned to top despite I forced valign=middle.
Also the checkbox's text is too low, it seems aligned to bottom.
I suspect I should modify some Style, but I do not found where.
I see this misalignment both in Internet Explorer and in Chrome (I do not have Firefox).
Please could you explain?
Thank you very much
<%@ Page Language="C#" ID="EditDeveloper_Page" GeneratedSourceFile="Bo10Source\EditDeveloper_Page.prg" %> <%@ Register Assembly="WebConnectionWebControls" Namespace="Westwind.WebConnection.WebControls" TagPrefix="ww" %> <!DOCTYPE html> <script runat="server"> protected void Page_Load(object sender, EventArgs e) { } </script> <html> <head> <title>EditDeveloper</title> <link href="westwind.css" rel="stylesheet" type="text/css" /> <ww:wwWebLiteral runat="server" Visible="false"> <!-- these are here for Intellisense support only. Do not use these for embedding scripts! -->> <script src="/wwThreads/scripts/jquery.js" type="text/javascript"></script> <script src="/wwThreads/scripts/ww.jquery.js" type="text/javascript"></script> </ww:wwWebLiteral> </head> <body> <form id="form1" runat="server"> <!-- Sample base layout: Totally optional -->> <h1>Edit Developer</h1> <div class="toolbarcontainer"> <a href="./" class="hoverbutton"><img src="images/home.gif" />Home</a> <a href="<%= Request.GetCurrentUrl() %>" class="hoverbutton"><img src="images/refresh.gif" /> Refresh</a> </div> <ww:wwWebErrorDisplay runat="server" id="ErrorDisplay" /> <div class="containercontent"> <table class="blackborder" width="500" cellpadding="6" > <tr> <td valign="middle" align="right" class="blockheader" style="font-weight:bold" > Id: </td> <td valign="top"> <ww:wwWebTextBox ID="txtPiva" runat='server' ControlSource="this.Page.oBusiness.oData.IdFunziona" style="font-weight:bold" Width="370px"></ww:wwWebTextBox> </td> </tr> <tr> <td valign="middle" align="right" class="blockheader" style="font-weight: bold"> Cognome: </td> <td valign="top"> <ww:wwWebTextBox ID="txtRagioneSoc" runat='server' ControlSource="this.Page.oBusiness.oData.Cognome" Height="20px" Width="370px"></ww:wwWebTextBox> </td> </tr> <tr> <td valign="middle" align="right" class="blockheader" style="font-weight: bold; height: 28px;"> Indirizzo: </td> <td valign="top" style="height: 28px"> <ww:wwWebTextBox ID="txtIndirizzo" runat='server' ControlSource="this.Page.oBusiness.oData.Indirizzo" Width="370px"></ww:wwWebTextBox> </td> </tr> <tr> <td valign="middle" align="right" class="blockheader" style="font-weight: bold"> Comune: </td> <td valign="top"> <ww:wwWebDropDownList ID="lstComuni" runat="server" ControlSource="this.Page.oBusiness.oData.Comune" width="370px" DataTextField="Comune" Height="24px" /> </td> </tr> <tr> <td valign="middle" align="right" class="blockheader" style="font-weight: bold"> Tel: </td> <td valign="top"> <ww:wwWebTextBox ID="txtTel1" runat='server' ControlSource="this.Page.oBusiness.oData.Tel" Width="370px"></ww:wwWebTextBox> </td> </tr> <tr> <td valign="middle" align="right" class="blockheader" style="font-weight: bold; height: 28px;"> Email:</td> <td valign="top" style="height: 28px"> <ww:wwWebTextBox ID="txtEmail" runat="server" ControlSource="this.Page.oBusiness.oData.Email" Width="370px" /> </td> </tr> <tr> <td valign="middle" align="right" class="blockheader" style="font-weight: bold"> Note: </td> <td valign="top"> <ww:wwWebTextBox ID="txtNote" runat="server" ControlSource="this.Page.oBusiness.oData.Note" Width="370px" /> </tr> <tr> <td width="131" valign="middle" class="blockheader" align="right" style="font-weight: bold"> Services:</td> <td valign="top" width="453"> <ww:wwWebCheckBox ID="NonStampa" runat="server" ControlSource="this.Page.oBusiness.oData.NonStampa" Text="Non stampa" /> </td> </tr> </table> <br /> <ww:wwWebButton ID="btnSubmit" runat="server" width="80" text="salva" Click="btnSubmit_click"/> </div> <!-- Sample base layout: Totally optional and removable -->> </form> </body> </html> <</div>>
Rick Strahl
West Wind Technologies
Making waves on the Web
from Maui, Hawaii