Solved

one of the item in datalist misaligned

Posted on 2010-11-14
3
400 Views
Last Modified: 2012-05-10
one of the item in the datalist has misaligned (as shown in attached pic), and mostly it occurs during first load. Sometimes it is ok when second or third load.



 
<div style="padding-left:50px;">

                                            <asp:Datalist ID="dlarticle" runat="server" Height="33px" Width="800px" 

                                                    onitemdatabound="dlarticle_ItemDataBound" 

                                                    onitemcommand="dlarticle_ItemCommand">

                                                          <ItemTemplate>

                                                          <fieldset>

                                                                <table>

	                                                            <colgroup>

	                                                            <col width=200 valign=top>

	                                                            <col width=400 valign=top>

                                                                <col width=150 valign=top>

	                                                            <col width=150 valign=top>

	                                                            <col width=150 valign=top>

	                                                            </colgroup>

	                                                            <tr>

		                                                            <td class="datalisttitlefont">Category</td>

		                                                            <td class="datalisttitlefont">Description</td>

                                                                    <td class="datalisttitlefont">Total</td>

		                                                            <td class="datalisttitlefont">View</td>

                                                                    <td class="datalisttitlefont">Create</td>

		                                                            

	                                                            <tr>

	                                                            <tr>

		                                                            <td class="datalistcontentfont"><%# DataBinder.Eval(Container.DataItem, "a_categoryname")  %></td>

		                                                            <td class="datalistcontentfont"><%# DataBinder.Eval(Container.DataItem, "a_desc") %></td>

                                                                    <td><asp:Label ID="lblTotal" runat="server" /></td>

		                                                            <td>

                                                                    <ItemTemplate>

                                                                     <asp:Label ID="lblid" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "id") %>' Visible="false" />  



                                                                                <asp:LinkButton ID="lbViewPost" runat="server" 

                                                                                CommandName="VIEWPOST" CssClass="note" CommandArgument='<%#

                                                                                DataBinder.Eval(Container.DataItem, "id") %>'></asp:LinkButton>

                                                                    </ItemTemplate>

                                                                    

                                                                    </td>

		                                                            <td>

                                                                     <ItemTemplate>

                                                                    

                                                                                <asp:LinkButton ID="lbCreatePost" runat="server" 

                                                                                CommandName="CREATEPOST" CssClass="editnote" CommandArgument='<%#

                                                                                DataBinder.Eval(Container.DataItem, "id") %>'></asp:LinkButton>

                                                                    </ItemTemplate>

                                                                    </td>

	                                                            <tr>

	                                                           

                                                            </table>

 





                                                                  



                                                             </fieldset>

                                                           </ItemTemplate>

                                                        </asp:Datalist>

                                            </div>

Open in new window

misalign-item-datalist.jpg
0
Comment
Question by:doramail05
  • 2
3 Comments
 
LVL 13

Expert Comment

by:devlab2012
ID: 34133732
In the following section of your code:
<table>
      <colgroup>
             <col width=200 valign=top>
            <col width=400 valign=top>

give fixed width in <table> tag like <table width="800">
0
 
LVL 1

Accepted Solution

by:
doramail05 earned 0 total points
ID: 34133896

have like <td style="white-space : nowrap;" .. >

it seems like the problem went off,

but sometimes it came out like a 'not ready' page which makes the page look weird. Until refresh is pressed and page reloaded correctly.
0
 
LVL 1

Author Closing Comment

by:doramail05
ID: 34237318
solved already at this time
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now