Помогите сделать авторизацию

[Tsilya]

Помогите плз сделать красиво авторизацию на моем сайте.

Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа.

в html сам практически не разибраюсь(

спасибо

в файле login.tpl код такой

  
  <ul class="reset loginbox">
    <li class="loginbtn">
      <form method="post" action="">
        <div id="logform" class="radial">
          <ul class="reset">
            <li class="lfield"><label for="login_name">Имя:</label><input type="text" name="login_name" id="login_name" /></li>
            <li class="lfield lfpas"><label for="login_password">Пароль:</label><input type="password" name="login_password" id="login_password" /></li>
            <li class="lbtn"><button class="fbutton" onclick="submit();" type="submit" title="Войти">Войти </button> </li>
            <li class="lbtn"><a href="{registration-link}">Регистрация</a></li>  
           </ul>
          <input name="login" type="hidden" id="login" value="submit" />
        </div>
      </form>
    </li>
  </ul>

Edited October 26, 2011 by Tsilya

[ceil100]

зачем все так непомерно усложнено?

ссылку на сайт дайте

тегу label можете задать фиксированную ширину, самый простой вариант

[Tsilya]

зачем все так непомерно усложнено?

ссылку на сайт дайте

тегу label можете задать фиксированную ширину, самый простой вариант

softexi.com

я не сам делал, просто шаблон, поэтому почему так усложнено не знаю.

[Radiocity]

Помогите плз сделать красиво авторизацию на моем сайте.

бла бла бла

Задайте ширину для label через css, либо вставить label и input в табличку.

Edited October 26, 2011 by Radiocity

[ceil100]

input#login_name, input#login_password {float:right}
#logform li.lbtn a {position: relative;top: -30px;left: 65px;}

Edited October 26, 2011 by ceil100

[Tsilya]

input#login_name, input#login_password {float:right}
#logform li.lbtn a {position: relative;top: -30px;left: 65px;}

что то я пробую так, у меня не получается.

могли бы вы мне скинуть мой код уже отредактированый? спасибо

[ceil100]

он и есть отредактированный

в самом низу файла style.css вашего шаблона, вписываете эти строки

если у правил недостаточно веса можете добавить !important для float:right

Edited October 27, 2011 by ceil100

[Tsilya]

он и есть отредактированный

в самом низу файла style.css вашего шаблона, вписываете эти строки

если у правил недостаточно веса можете добавить !important для float:right

вписал, ничего не изменилось.

[ceil100]

куда вписал?

файл стилей лежит по адресу http://softexi.com/img/style.css

в нем ничего нет

[Tsilya]

ceil100, вписал теперь куда надо и все ок. спасибо большое!