На главную | Бесплатные DLE модули | Бесплатные DLE шаблоны | Хаки для DLE | Платные DLE шаблоны | Платные DLE модули

Трабл с обратной связью

Автор Тема: Трабл с обратной связью  (Прочитано 433 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Bayanruby

  • Крутой DLE-шник
  • ****
  • Сообщений: 389
  • Карма: 0
    • Просмотр профиля
    • xaxer
Трабл с обратной связью
« : 01-08-2011, 16:10:59 »
http://www.gistoryja.ru/template/sendmail/
Если чтото не заполнить и нажать отправить вылазит дин. уведомление о ошибке.
Но перед тем как нажать отправить эта кнопка "Отправить письмо" стоит по середине, если нажать на неё она сдвинется влево, вот не знаю как это исправить.

Вот КСС код

Но чтото не могу найти то что мне надо :(
Помогите.

#contact_form {
    font-family: Verdana, Arial, "Times New Roman";
    font-size: 12px;
    color: #666;
}
/** FORM STYLES GENERAL **/
#contact_form input, select, textarea {
    font-size: 11px;
    color:#999999;
    width: 300px;
    height: 28px;
    border: #CCC solid 1px;
/** BORDER RADIUS HACKS **/

}

#contact_form input:hover, select:hover, textarea:hover {
    border: 1px solid #999;
}

#contact_form input:focus, select:focus, textarea:focus {
    border: 1px solid #999;
}

/** FORM STYLE: select **/
#contact_form select {
    padding: 5px 5px 3px 5px;
}
#contact_form select option {
    cursor: pointer;
    padding: 5px;
}
/** FORM STYLE: textarea **/
#contact_form textarea {
    height: 80px;
    width: 329px;
    padding: 4px 2px 2px 4px;
    font-family: Verdana, Arial, "Times New Roman";
}
/** FORM STYLE: input **/
#contact_form input {
    padding: 0 5px 0px 30px;
    background-position: 7px 5px;
    background-repeat: no-repeat;
}

input#send {
    padding:0;
    width:135px;
    height: 23px;
    background: url(../img/contact/send_button.png);
}

input#send:hover {
    border: 1px solid #999;
    color: #666;
}

#contact_form label {
    display:inline-block;
    width: 100px;
    vertical-align:top;
    margin-top: 6px;
}
/** CONTAINER OF INPUTS **/
#contact_form span {
    border:0;
    padding:0;
    margin:0;
    display: block;
    margin-bottom: 10px;
}

#name {
    background-image: url(../img/contact/user_suit.png);
}

#email {
    background-image: url(../img/contact/email.png);
}

#phone {
    background-image: url(../img/contact/phone.png);
}

#ajax_loader {
    display:none;
}

.success {
    border: 1px solid #00CC00 ;
    color:#4F8A10;
    background: #F2FFF2;
    display:none;
    margin-top: 3px;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
/** BORDER RADIUS HACKS **/

}
.error {
    display:none;
    margin-top: 3px;
    font-size: 11px;
    border: 1px solid #FF4F4F;
    color:#D6000E;
    background: #FFF2F2;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
/** BORDER RADIUS HACKS **/

}
.warning {
    display:none;
    margin-top: 3px;
    font-size: 11px;
    color: #9F6000;
    background: #FFF9D5;
    border: 1px solid #FFD324;
    padding: 5px;
    text-align: center;
/** BORDER RADIUS HACKS **/

}

#contact_form .noicon {
    padding: 0px 7px 0 7px;
    text-align:center;
}

.cap{
position: relative;
left: 240px;
bottom: 28px;
}

vladimir

  • Администратор
  • Герой форума
  • *****
  • Сообщений: 4 287
  • Карма: 415
    • Просмотр профиля
    • Помогаем новичкам в ДЛЕ
Re: Трабл с обратной связью
« Ответ #1 : 01-08-2011, 23:12:57 »
Это какая-то загадка. Надоело колупаться, но как-то связано с появление сообщения сверху. У того сообщения и текст пишется с отступом.
По-быстрому можно сделать так:
<input id="send" type="submit" value="Отправить письмо!" style="margin-left: 100px;">
Понравился форум dle.net.ua? Поставь ссылку!

Bayanruby

  • Крутой DLE-шник
  • ****
  • Сообщений: 389
  • Карма: 0
    • Просмотр профиля
    • xaxer
Re: Трабл с обратной связью
« Ответ #2 : 01-08-2011, 23:55:02 »
Спасибо большое за помощь, но я уже своим велосипедом исправил :)

Для всех инпутов был отступ слева в 30пх
Я отдельно присвоил новый класс тому инпуту и настроил отступ слева как надо, короче всё заработало (клац) :) и ушел целый день на эту обратную связь.

#contact_form input {
    padding: 0 5px 0px 30px;
    background-position: 7px 5px;
    background-repeat: no-repeat;
}

vladimir

  • Администратор
  • Герой форума
  • *****
  • Сообщений: 4 287
  • Карма: 415
    • Просмотр профиля
    • Помогаем новичкам в ДЛЕ
Re: Трабл с обратной связью
« Ответ #3 : 02-08-2011, 00:25:49 »
Это хорошо. Учимся методов тыков :)
Понравился форум dle.net.ua? Поставь ссылку!

 

Похожие темы

  Тема / Автор Ответов Последний ответ
0 Ответов
1936 Просмотров
Последний ответ 26-09-2007, 21:44:40
от КриведкО
2 Ответов
1557 Просмотров
Последний ответ 07-04-2009, 07:06:22
от hakep
0 Ответов
272 Просмотров
Последний ответ 28-07-2010, 12:10:12
от 2510506
12 Ответов
1172 Просмотров
Последний ответ 18-08-2010, 05:01:58
от Сима
4 Ответов
691 Просмотров
Последний ответ 13-09-2010, 00:09:22
от Сергій Тігіпко