/    Sign up×
Community /Pin to ProfileBookmark

Html inputs not lining up correctly

I have three that I am trying to stack on top of each other. They keep ending up staggered. Any help would be much appreciated!

Here is the code:

<form action=”” method=”post”>
<table>
<tr>
<td align=”left”><input type=”submit” name=”submit” value=”The Voice”></td>
</tr>
<tr>
<td align=”left”><input type=”submit” name=”submit” value=”Traffic Safety News”></td>
</tr>
<tr>
<td align=”left”><input type=”submit” name=”submit” value=”The Missouri Prosecutor”></td>
</tr>
<tr>
<td style=”width:100px;”><label>Username:</label></td>
<td><input type=”textbox” name=”txtUsername” size=”17″ /></td>
</tr>
<tr>
<td><label>Password:</label></td>
<td><input type=”password” name=”txtPassword” size=”17″ /></td>
</tr>
<tr>
<td colspan=”2″ align=”right”>&nbsp;</td>
</tr>
<?php if($errorMessage != ”) { echo ‘<tr><td colspan=”2″><p class=”error”>’ . $errorMessage . ‘</p></td></tr>’; } ?>
<tr>
<td colspan=”2″ align=”right”><input type=”submit” name=”submit” value=”submit1″ class=”InputA”>
</td>
</tr>
<tr>
<td align=”left” colspan=”2″><input type=”submit” name=”submit1″ value=”The Voice” id=”LinkButton”>
<br /></td>
</tr>
<tr>
<td align=”left” colspan=”2″><input type=”submit” name=”submit2″ value=”Traffic Safety News” id=”LinkButton”>
<br /></td>
</tr>
<tr>
<td align=”left” colspan=”2″><input type=”submit” name=”submit3″ value=”The Missouri Prosecutor” id=”LinkButton”>
<br />
</td>
</tr>
</table>
</form>

css:

input#LinkButton
{
background:none;
border: 0;
text-decoration: underline;
color: blue;
cursor: pointer;
width:auto;
font-size:12px;
height:14px;
font-family: Arial;

}

to post a comment
HTML

1 Comments(s)

Copy linkTweet thisAlerts:
@tirnaJun 11.2010 — maybe try this:

[code=php]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
<!--
.LinkButton
{
width: 200px;
}
-->
</style>

</head>
<body>
<form action="" method="post">
<table>
<tr>
<td align="left">
<input type="submit" name="submitxx" value="The Voice" class="LinkButton" /></td>
</tr>
<tr>
<td align="left"><input type="submit" name="submit" value="Traffic Safety News" class="LinkButton"></td>
</tr>
<tr>
<td align="left"><input type="submit" name="submit" value="The Missouri Prosecutor" class="LinkButton"></td>
</tr>
<tr>
<td style="width:100px;"><label>Username:</label></td>
<td><input type="textbox" name="txtUsername" size="17" /></td>
</tr>
<tr>
<td><label>Password:</label></td>
<td><input type="password" name="txtPassword" size="17" /></td>
</tr>
<tr>
<td colspan="2" align="right">&nbsp;</td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="submit" name="submit" value="submit1" class="InputA">
</td>
</tr>
<tr>
<td align="left" colspan="2"><input type="submit" name="submit1" value="The Voice" class="LinkButton">
<br /></td>
</tr>
<tr>
<td align="left" colspan="2"><input type="submit" name="submit2" value="Traffic Safety News" class="LinkButton">
<br /></td>
</tr>
<tr>
<td align="left" colspan="2"><input type="submit" name="submit3" value="The Missouri Prosecutor" class="LinkButton">
<br />
</td>
</tr>
</table>

</form>
</body>
</html>
[/code]
×

Success!

Help @htmlhelpneeded spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...