Fill a table cell with a button asp.net

Hello Experts,

I have 3 buttons and  I want to display on a row (see Code Below) and I want the Buttons to fill the cell. What I get is Each cell is 33% of the page but the buttons are small, I would like them to be
back to back.

                  <table width="100%">
                            <tr>
                                <td style="width: 33%">
                                    <asp:Button ID="btnTheWall" runat="server" Text="The Wall" />
                                </td>
                                <td style="width: 33%">
                                    <asp:Button ID="btnCalander" runat="server" Text="The Calander" />
                                </td>
                                <td style="width: 33%">
                                    <asp:Button ID="btnMyProfile" runat="server" Text="My Profile" />
                                </td>
                            </tr>
                        </table>



Thanks

Billy
nowmbieAsked:
Who is Participating?
 
EugeneLTConnect With a Mentor Commented:
Like 3 buttons stacked below each other ?
Something like that:

<table style="width: 100%">
        <tr>
            <td>
                <input type="button" value="Button1" style="width: 100%" />
                <input type="button" value="Button2" style="width: 100%" />
            </td>
        </tr>
    </table>

Open in new window

0
 
muhammadyasirConnect With a Mentor Commented:
remove the width.
 <table >
                            <tr>
                                <td >
                                    <asp:Button ID="btnTheWall" runat="server" Text="The Wall" /></td>
                                <td >
                                    <asp:Button ID="btnCalander" runat="server" Text="The Calander" />
                                </td>
                                <td >
                                    <asp:Button ID="btnMyProfile" runat="server" Text="My Profile" />
                                </td>
                            </tr>
                        </table>

Open in new window

0
 
nowmbieAuthor Commented:
Oh I was hoping that the 3 buttons would fill the page width.  So they would appear really wide.

thanks
0
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
muhammadyasirCommented:
please mark the answer as helpful.
thanks
0
 
nowmbieAuthor Commented:
Do you know a way to fill the cell with the button? So if I have 3 cells for the width of the page, I need to have the buttons fill 3 cells across the page.

Thanks
0
 
nowmbieAuthor Commented:
Thanks That helped me along!  With an adustment I gould get them side by side.


     <table style="width: 100%">
         <tr>
             <td style="width: 50%">
                 <input type="button" value="Button1" style="width: 100%" />
             </td>
             <td style="width: 50%">                
                 <input type="button" value="Button2" style="width: 100%" />
             </td>
         </tr>
    </table>
   
0
 
nowmbieAuthor Commented:
Thanks for your help!  This place is great.
0
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.

All Courses

From novice to tech pro — start learning today.