?
Solved

align table in fieldset asp.net

Posted on 2010-11-12
5
Medium Priority
?
1,226 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

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

649 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