?
Solved

align table in fieldset asp.net

Posted on 2010-11-12
5
Medium Priority
?
1,215 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
[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
  • 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 2000 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

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
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…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

764 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