Получение кнопки «Войти» для выравнивания по центру между именем пользователя и паролем

0

Я создаю форму для входа. Вот то, что я создал:

<form action="loginform.php" method="POST" name="LoginForm">
<table border="1">
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="username"></td>
<td colspan="2" align="center"><input type="submit" name="login"value="LOGIN!"></td>
</tr>

<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td rowspan="4" align="center"><a href="url">Register!</a></td>
</tr>
</table>

Как вы можете видеть, мой код не делает "LOGIN!" выравнивание по центру в центре между выравниванием имени пользователя и пароля. Я уже использовал тег colspan для него, но, похоже, не работает. Что нужно сделать здесь?

Кроме того, я хочу "Регистрация!" для выравнивания на самой правой правой стороне стола. Как мне это сделать? Заранее спасибо.

  • 0
    попробуйте это прямо на тексте <td colspan='3' style="text-align:right;">Register</td>
  • 0
    @ DrixsonOseña Хорошо, теперь это работает, спасибо.
Теги:
forms
login

2 ответа

1
Лучший ответ

Обратите внимание, что таблицы должны использоваться только для табличных данных, но в таблице есть несколько очень странных строк и столбцов - ваша первая строка имеет 5 столбцов, второй 4 и третий 1 (с числом строк в 4, хотя у вас всего 3 строки)

Я думаю, что вы столкнулись со своими рядами и столбцами - попробуйте изменить ряды строк на colspan и vice vera, но изменив colspan на 5:

<table border="1">
<tr>
    <td>Username</td>
    <td>:</td>
    <td><input type="text" name="username"></td>
    <td rowspan="2" align="center"><input type="submit" name="login"value="LOGIN!"></td>
</tr>
<tr>
    <td>Password</td>
    <td>:</td>
    <td><input type="password" name="pass"></td>
</tr>
<tr>
    <td colspan="5" align="center"><a href="url">Register!</a></td>
</tr>
</table>

пример

0

Попробуйте использовать text-align: center и text-align: right

Ещё вопросы

Сообщество Overcoder
Наверх
Меню