Solved

align table in fieldset asp.net

Posted on 2010-11-12
5
1,159 Views
Last Modified: 2012-06-21
trying to align the table in fieldset so the sliderextender comes first and the textbox second in a row.
<tr>

        <td></td>

        <td width="300px" >

        <div style="padding-left:600px;width:300px">

        <fieldset>

         <table width="300px">

           <tr>

             <td colspan="2">

             <asp:Label ID="lblratinghere" runat="server" Text="Reader can rate the article here :" CssClass="datalistcontentfont" />

             </td>

          </tr>

          <tr>

             <td width="200px">

             <cc1:SliderExtender ID="SliderExtender1" BoundControlID="txtScore2" TargetControlID="txtScore" Minimum="1" Maximum="10" runat="server">

              </cc1:SliderExtender>

                 </td>

                 <td width="50px">

                 <asp:TextBox ID="txtScore2"  Width="30" runat="server" />

                 </td>

              </tr>

              <tr>

                  <td>

                  </td>

              <td>

            <asp:TextBox ID="txtScore"  Width="30" runat="server" />

              </td>

           </tr>

          </fieldset>

            </div>

        </table>

       </td>

       <td></td>

</tr>

Open in new window

tableinfieldset.JPG
0
Comment
Question by:doramail05
  • 2
  • 2
5 Comments
 
LVL 5

Expert Comment

by:roxviper
ID: 34120708
Hi,

Have you tried to put an style="float:left;" to it?
0
 
LVL 1

Author Comment

by:doramail05
ID: 34120830
tried it always and sometimes it did not align ~~

<div style="float:left;padding-left:600px;width:300px">
                                                     <fieldset>
0
 
LVL 44

Expert Comment

by:scrathcyboy
ID: 34125685
A DIV inside a table structure is pretty much a guaranteed problem.  Why use it where you have?  And why use the fieldset?  Explain what you are trying to do, it can probably all be done with tables alone.
0
 
LVL 1

Author Comment

by:doramail05
ID: 34125957
that is most can be achieve this time,

the reason div is used is because would like the entire small table to be placed on the right at the bottom of the datalist above.

td style=50 is 11px, and the slideextender is inside, tried to place txtScore2 besides slider extender in the same td but still they are not in the same row.
<div style="float:left;padding-left:600px;width:300px">

       <fieldset>

       <table width="300px">

      <tr>

     <td colspan="2">

     <div style="padding-left:25px">

   <asp:Label ID="lblratinghere" runat="server" Text="Reader can rate the article here :" CssClass="datalistcontentfont" />

        </div>

       </td>

      </tr>

      <tr>

     <td class="style50">

                                                        

                                                       <cc1:SliderExtender ID="SliderExtender1" BoundControlID="txtScore2" TargetControlID="txtScore" Minimum="1" Maximum="10" runat="server">

                                                        </cc1:SliderExtender>

                                                        

     </td>

    <td width="50px">

                                                        <asp:TextBox ID="txtScore2"  Width="30" runat="server" />

                                                         

  </td>

   </tr>

    <tr>

    <td class="style50">

                                                      

    </td>

  <td>

                                                        <asp:TextBox ID="txtScore"  Width="30" runat="server" />

                                                         

   </td>

</tr>

                                                   

                                                    

                                                    

 </fieldset>

</div>

Open in new window

tableinfieldset2.JPG
0
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 500 total points
ID: 34125971
If you are trying to achieve POSITIONING on the page, you can do that with TABLES OR DIVs, but not with one inside the other.  If you want to keep a table structure, use the table cells to position other tables where you want them, not with a DIV.  Or use ALL DIVs and no tables.  Either will work, but what you have, MIXED TABLE AND DIV will not work.
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

744 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

13 Experts available now in Live!

Get 1:1 Help Now