Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

one of the item in datalist misaligned

Posted on 2010-11-14
3
Medium Priority
?
415 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

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…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

715 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