Проблем с input поле (CSS)

[rotator]

Получава се много гадно разместване на текста .. при положение че кода си е ок и се размества само в input полето "Потребител" вижте изображение ...

Ето и CSS

#login .loginContent form {
margin: 0 0 0 0;
}

#login .loginContent input.field {
color: #FFFFFF;
width: 170px;
height: 25px;
background: url(../images/inputa.gif) repeat-x;
padding: 3px;
font-weight: bold;
border: none;
}

#login .loginContent input:hover.field {
color: #FFFFFF;
width: 170px;
height: 25px;
background: url(../images/inputb.gif) repeat-x;
padding: 3px;
font-weight: bold;
border: none;
}

#login .loginContent input:focus.field {
color: #FFFFFF;
width: 170px;
height: 25px;
background: url(../images/inputb.gif) repeat-x;
padding: 3px;
font-weight: bold;
border: none;
}

Ето и HTML

<form action="" method="post">
<p><input class="field" type="text" name="username" value="Потребител" onfocus="if(this.value == 'Потребител'){this.value = '';};" onblur="if(this.value == ''){this.value = 'Потребител';};" />
<input class="field" type="password" name="password" value="Парола" onfocus="if(this.value == 'Парола'){this.value = '';};" onblur="if(this.value == ''){this.value = 'Парола';};" /><br />
<input class="field" type="submit" name="login" value="Вход" style="margin-left: 92px;" /></p>
</form>

Който помогне евала :idea:

EDIT: Под почти всеки браузар е различно :X

 

[shterev]

кога точно става разместването?

 

[rotator]

Ами когато го сложа в 1 слайд див ?

 

[shterev]

може ли да дадеш демо?

 

[shterev]

Ами при мен не се мести , гледах го с модзила ИЕ тестера. Но пък дава другра грешка на javascripta:

$("closeLogin") is null
[Break on this error] $('closeLogin').addEvent('click', function(e){

 

[rotator]

В JS-to :lol: Я може ли снимка ?

 

[shterev]

в по-горния пост ти я показах на тоя ред е:

js4.js (ред 12)

 

[rotator]

Странно при мен не излиза нищо ?

 

[shterev]

с какво гледаш? Аз с модзила с Firebug-a. Тоя код prototype ли е?

 

[shterev]

при мен няма проблеми с местенето.

 

[rotator]

Нещо такова .. но незнам каква грешка но слайда си бачка без отказно :idea: Ако имаш идея как да се оправи да не показва грешка сподели

 

[shterev]

не ти намира елемент с това ид = #closeLogin и дава ,че е is null

 

[rotator]

А може ли на 1 a href да задам 2 id-та

id="toggleLogin"

и

id="closeLogin"

?

 

[shterev]

id- то се задава само веднъж за страницата на 1 елемент, затова е ид, а класа е клас да се повтаря. Но гледам че ползваш toglle ефекта, който би трябвало да се слага на 1 елемент

 

[rotator]

Ще сложа 1 празен a href с id="closeLogin" и би трябвало да се оправи :?: +1 @shterev