Перейти к содержанию
grebovich

Резиновая форма входа

Рекомендуемые сообщения

Всем привет!

Помогите установить резиновую форму входа,установил в шапку форму входа такого вида:

 

xorona_1378283760__111.png

 

Но при просмотре с розширением  1024х600  форма смещается и все плывет!

 

xorona_1378283960__222.png

 

Пробовал по всякому и где то туплю?!

Заранее всем спасибо за помощь.

 

Вот мой код CSS:

/******************************
 INPUTS
*******************************/

input[type='text'],
input[type='email'],
input[type='password'],
textarea {
    background: #fafafa;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    padding: 6px 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    padding: 5px;
    margin: 5px 0 0;
    min-height: 28px;
    min-width: 155px;
    max-width: 155px;
    }

textarea {
    max-width: 100%;
    width: 100%;
    resize: none;
    height: 150px;
    }

input[type='text']:hover,
input[type='email'],
input[type='password']:hover,
textarea:hover {
    background-color: #f7f7f7;
    }

input[type='radio'],
input[type='checkbox'] {
    margin: 5px;
    }

select {
    background: #f4f4f4;
    border: 1px solid #dbdbdb;
    padding: 5px;
    margin: 5px;
    }

label {
    cursor: pointer;
    padding-right: 20px;
    font-weight: bold;
    }

span.error {
    display: inline-block;
    background-color: #ea2e49;
    color: white !important;
    padding: 3px 4px 2px 4px;
    font-size: 12px;
    margin-top: 5px;
    }
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Без ссылки на сайт помочь нельзя.

CSS и скриншот - это ни о чем! На форуме пока нет никого с Webkit-ом в мозгу.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Без ссылки на сайт помочь нельзя.

CSS и скриншот - это ни о чем! На форуме пока нет никого с Webkit-ом в мозгу.

Так ссылки то нет! На денвере все!

Хот примерно куда  копать!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Открыть fire bug и править CSS в firebug - смотреть обратную связь

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Открыть fire bug и править CSS в firebug - смотреть обратную связь

Загрузил сайт на хостинг http://mosini.ru/

Взгляните пожалуйста! ниче не получается  что ему надо....! :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Загрузил сайт на хостинг http://mosini.ru/

Взгляните пожалуйста! ниче не получается  что ему надо....! :(

Кусок формы, отвечающий за вывод полей ввода не предназначен для резинового дизайна.

<div class="content">
<b>E-Mail: </b><input type="text" size="20" value="" name="email">
<b>Пароль: </b><input type="password" size="20" value="" name="password">
<b> </b><input type="submit" class="button1" value="Войти">
<b> </b><a title="Регистрация" href="index.php?route=account/simpleregister">Регистрация</a></div>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

Кусок формы, отвечающий за вывод полей ввода не предназначен для резинового дизайна.



<div class="content">
<b>E-Mail: </b><input type="text" size="20" value="" name="email">
<b>Пароль: </b><input type="password" size="20" value="" name="password">
<b> </b><input type="submit" class="button1" value="Войти">
<b> </b><a title="Регистрация" href="index.php?route=account/simpleregister">Регистрация</a></div>

ну подскажите пожалуйста как его изменить чтоб подходил для резинового дизайна,сутки уже парюсь и ни с какую!

Сейчас изминил на такой код и все равно ни как!

<div class="content">
<b>E-Mail: </b><input type="text" name="email">
<b>Пароль: </b><input type="password" name="password">
<b> </b><input type="submit" value="Войти" class="button1" />
<b> </b><a href="index.php?route=account/simpleregister" title="Регистрация">Регистрация</a></div>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.