Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

Как разделить Форму входа?

 
1

46
zoomfm @zoomfm
Добрый день знатоки помогите решить проблему....
Мне нужно разделить форму входа как на примере (2)

Вот так у меня сейчас:



а мне нужно вот так:




Вот код формы:

<script>
if(mynick && myid)
{document.write("<br>&nbsp;&nbsp;<input type=hidden name=nick value='"+mynick+"'><input type=hidden name=id value='"+myid+"'><b>"+mynick+"</b><br>&nbsp;&nbsp;<a href=?cookie_off=1>выйти?</a>");}else {
document.write('<input type="text" name="nick" class="login" onfocus="if(this.value == \'Ваш логин\') this.value = \'\';" onblur="if(!this.value) this.value = \'\';" value="Ваш логин" />');
document.write('<input type="password" name="pass" class="password" onfocus="if(this.value == \'*********\') this.value = \'\';" onblur="if(!this.value) this.value = \'\';" value="*********" />');
document.write('<input type=hidden name=cookie_on value=on>');}
</script>

а вот CSS:

.password,
.login {font:11px verdana,arial; color:#fff; width:180px; height:18px; padding: 2px 0px 2px 23px; border-width:2px; border-color:#DD2484; border-style:solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

.knopka_vxoda {font:11px verdana,arial; color:#fff; background:#202020; padding:3px; border-width:2px; border-color:#DD2484; border-style:solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#reg_parol a,
#reg_parol a:active {text-decoration: none; font: bold 9px Verdana; color:#fff;}
#reg_parol a:hover {text-decoration: underline; color:#fff;}

Подскажите пожалуйста как сделать очень нужно!
Только не удаляйте тему пожалуйста!

4619
Web3r @Web3r
.password,
.login {font:11px verdana,arial; color:#fff; width:180px; height:18px; padding: 2px 0px 2px 23px; border-width:2px; border-color:#DD2484; border-style:solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block }

46
zoomfm @zoomfm
Weber, Сделал без изменений!

4619
Web3r @Web3r
А если объединить в один document.write?

document.write('<input type="text" name="nick" class="login" onfocus="if(this.value == \'Ваш логин\') this.value = \'\';" onblur="if(!this.value) this.value = \'\';" value="Ваш логин" /><input type="password" name="pass" class="password" onfocus="if(this.value == \'*********\') this.value = \'\';" onblur="if(!this.value) this.value = \'\';" value="*********" />');

1007
BETEPAH @BETEPAH
zoom.fm пишет:

Weber, Сделал без изменений!

У Вас нет переноса поля пароля на новую строчку, так что скорее всего блок или колонка, в которой находится форма авторизации просто уже, чем надо для расположения двух полей рядом - отступ+2+180+2+2+180+2+отступ=368пкс+паддинг внешнего блока. Если дадите ссылку на страницу, скажу точнее

46
zoomfm @zoomfm
BETEPAH, Кинул в ЛС!

1007
BETEPAH @BETEPAH
zoom.fm пишет:

BETEPAH, Кинул в ЛС!

Как и предполагалось у Вас задана ширина формы
div.module div div div form {
margin: 0 auto;
text-align: center;
width: 160px;
}
Сделайте width хотя бы 420px или вообще уберите ширину из этого селектора.

46
zoomfm @zoomfm
Во спасибо вам большое помогло)) +1)