Improve company productivity with a Business Account.Sign Up

x
?
Solved

one of the item in datalist misaligned

Posted on 2010-11-14
3
Medium Priority
?
432 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

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
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…

606 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