Есть страничка. Адрес: http://test.morgenshtern.com/
Там справа вверху есть форма, ее код:
| Код |
<td id="logo_middle_right">
<form action="" method="post" id="login-form">
<div><label class="login" for="ipb_nick">Логин:</label> <input type="text" id="ipb_nick" name="ipb_nick" /></div>
<div><label class="login" for="ipb_pass">Пароль:</label><input type="password" id="ipb_pass" name="ipb_pass" class="input_password" /></div>
<div><input type="image" id="enter_button" src="http://test.morgenshtern.com/img/enter.gif" alt="Войти" />
<a href="http://forum.morgenshtern.com/index.php?act=Reg&CODE=10" id="forget" target="_blank">Забыли пароль?</a></div>
</form>
</td>
|
И стили:
| Код |
label {
padding-right: 5px;
font-size: 10px;
width: 40px;
color: #000;
padding-top: 5px;
font-family: Tahoma, Helvetica, sans-serif;
text-align: right;
}
input {
font-size: 10px;
width: 145px;
color: #000;
font-family: Tahoma, Helvetica, sans-serif;
}
input#enter_button {
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
margin-left: 49px;
width: 44px;
height: 18px;
}
input.input_password {
margin-left: 2px;
color: #666;
font-family: MS Sans serif, Tahoma, Helvetica, sans-serif;
}
a#forget {
font-size: 11px;
color: #000;
}
a#forget:hover {
color: #982513;
}
#logo_middle_right {
height: 129px;
width: 283px;
align: right;
background: url(http://www.morgenshtern.com/img/logo_enter.gif) 100% 0% no-repeat #ece9eb;
padding: 0px 0px 0px 0px;
text-align: right;
}
|
Задача: нужно выровнять форму авторизации (сдвинуть вправо) так, чтобы ее правый край совпадал с воображаемой горизонтальной линией, касательной к концу надписи "Братство утренней звезды" (т.е. к букве "ы" слова "звезды"). Помогите, не могу справиться  |