Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix: Edit form alignment issue #43

Open
markbranly opened this issue Apr 5, 2024 · 0 comments
Open

Fix: Edit form alignment issue #43

markbranly opened this issue Apr 5, 2024 · 0 comments
Labels
bug Something isn't working
Milestone
Design Prototype

Comments

@markbranly
Copy link
Owner

comment edit screen with form aligned all the way to the left

Here is the relevant markup:

<html lang="en" op="edit">
  <body>
    <center>
      <table
        id="hnmain"
        border="0"
        cellpadding="0"
        cellspacing="0"
        width="85%"
        bgcolor="#f6f6ef"
      >
        <tbody>
          <tr>
            <td bgcolor="#ff6600">
              <table
                border="0"
                cellpadding="0"
                cellspacing="0"
                width="100%"
                style="padding: 2px"
              >
                <tbody>
                  <tr>
                    <td style="width: 18px; padding-right: 4px">
                      <a href="https://news.ycombinator.com"
                        ><img
                          src="y18.svg"
                          width="18"
                          height="18"
                          style="border: 1px white solid; display: block"
                      /></a>
                    </td>
                    <td style="line-height: 12pt; height: 10px">
                      <span class="pagetop"
                        ><b class="hnname"><a href="news">Hacker News</a></b>
                        <a href="newest">new</a> |
                        <a href="threads?id=username">threads</a> |
                        <a href="front">past</a> |
                        <a href="newcomments">comments</a> |
                        <a href="ask">ask</a> | <a href="show">show</a> |
                        <a href="jobs">jobs</a> |
                        <a href="submit" rel="nofollow">submit</a>
                      </span>
                    </td>
                    <td style="text-align: right; padding-right: 4px">
                      <span class="pagetop">
                        <a id="me" href="user?id=username">username</a>
                        (<span id="karma">14</span>) |
                        <a
                          id="logout"
                          rel="nofollow"
                          href="logout?auth=xxxxxx&amp;goto=edit%3Fid%3D123456789"
                          >logout</a
                        >
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
          <tr id="pagespace" title="Edit" style="height: 10px"></tr>
          <tr>
            <td>
              <table class="fatitem" border="0">
                <tbody>
                  <tr class="athing" id="123456789">
                    <td class="ind"></td>
                    <td valign="top" class="votelinks">
                      <center>
                        <font color="#ff6600">*</font><br />
                        <img src="s.gif" height="1" width="14" />
                      </center>
                    </td>
                    <td class="default">
                      <div style="margin-top: 2px; margin-bottom: -10px">
                        <span class="comhead">
                          <span class="score" id="score_123456789">1 point</span>
                          by
                          <a href="user?id=username" class="hnuser"
                            >username</a
                          >
                          <span class="age" title="2024-04-05T12:57:52"
                            ><a href="item?id=123456789">0 minutes ago</a></span
                          >
                          <span id="unv_123456789"></span>
                          <span class="navs">
                            | <a href="item?id=987654321">parent</a> |
                            <a href="context?id=123456789" rel="nofollow"
                              >context</a
                            >
                            | <a href="edit?id=123456789">edit</a> |
                            <a
                              href="delete-confirm?id=123456789&amp;goto=edit%3Fid%3D123456789"
                              >delete</a
                            ><span class="onstory">
                              | on:
                              <a href="item?id=999999999"
                                >Ask HN: Can someone with enough Karma to
                                downvote ...</a
                              ></span
                            >
                          </span>
                        </span>
                      </div>
                      <br />
                      <div class="comment">
                        <span class="commtext c00">…</span>
                        <div class="reply"></div>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
              <br />
              <form class="itemform" action="/xedit" method="post">
                <script type="text/javascript">
                  function tlen(el) {
                    var n = el.value.length - 80;
                    el.nextSibling.innerText = n > 0 ? n + " too long" : "";
                  }
                </script>
                <input type="hidden" name="id" value="123456789" /><input
                  type="hidden"
                  name="hmac"
                  value="xxxxxxx"
                />
                <table border="0">
                  <tbody>
                    <tr>
                      <td valign="top">text:</td>
                      <td>
                        <textarea name="text" rows="5" cols="60" wrap="virtual">…</textarea>&nbsp;<a href="formatdoc" tabindex="-1"
                          ><font size="-2" color="#afafaf">help</font></a
                        >
                      </td>
                    </tr>
                  </tbody>
                </table>
                <br />
                <input type="submit" value="update" /><br /><br />
              </form>
            </td>
          </tr>
        </tbody>
      </table>
    </center>
    <script type="text/javascript" src="hn.js?E9yMYnpQWdiNKq8RJzFl"></script>
  </body>
</html>
@markbranly markbranly added the bug Something isn't working label Apr 5, 2024
@markbranly markbranly added this to the Design Prototype milestone Apr 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
Design Prototype
Development

No branches or pull requests
1 participant
@markbranly