Table Alignment Problem

Discussion in 'Web Design, HTML And CSS' started by Carlos, Jan 6, 2009.

  1. Carlos

    Carlos New Member

    Joined:
    Dec 5, 2008
    Messages:
    57
    Likes Received:
    0
    Trophy Points:
    0
    Occupation:
    none
    (ASP.NET 2.0 Version)
    Hi! i have a little problem, but it is quite confusing. Whenever i write something in my table row it gathered to one side, either right or left, this like:

    Hi! i have a little problem,
    but it is quite confusing.
    Whenever i write something
    in my table row it gathered
    to one side, either right or
    left, this like.

    However it should appear across the whole page
    [​IMG]
     
  2. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,375
    Likes Received:
    388
    Trophy Points:
    83
    Re: Alignment Problem

    The problem is not with ASP but it looks like you need to work on your HTML tables.

    Also image location is of your local machine and so we cannot see them and so upload it into some free image hosts and link here in post.

    Moved thread to HTML forum
     
  3. Carlos

    Carlos New Member

    Joined:
    Dec 5, 2008
    Messages:
    57
    Likes Received:
    0
    Trophy Points:
    0
    Occupation:
    none
    Please! see the code, and i have linked the image.
    [​IMG]

    HTML:
     <div>
            <table align="center" style="z-index: 101; left: 93px; position: absolute; top: 31px"
                width="560">
                <tr>
                    <td align="right" style="width: 100%; height: 21px">
                        <asp:LoginName ID="LoginName1" runat="server" CssClass="boldtext" FormatString="Logged as: {0}! " />
                        &nbsp;
                    </td>
                </tr>
            </table>
            <table style="z-index: 102; left: 91px; position: absolute; top: 60px">
                <tr>
                    <td style="width: 100px">
                        <img src="images/images/quizstartingnow.gif" /></td>
                </tr>
                <tr>
                    <td rowspan="1" style="width: 100px">
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px" rowspan="4">
                        &nbsp;You are about to take the quiz.&nbsp; The quiz contains multiple choice style
                        questions.&nbsp; Complete each question from the drop down list box then select
                        the Next button.&nbsp; You will not be able to go back and change your answers once
                        you select the Next button, so choose carefully.<br />
                        <br />
                        When you are ready to begin, select the Start button below.</td>
                </tr>
     
  4. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,375
    Likes Received:
    388
    Trophy Points:
    83
    Width of your td is 100px and so its wrapping the text after that many pixels.
     
  5. Carlos

    Carlos New Member

    Joined:
    Dec 5, 2008
    Messages:
    57
    Likes Received:
    0
    Trophy Points:
    0
    Occupation:
    none
    Thanx alot!
     

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice