Xwab
Форумыnavigate_nextHTML/CSS

картинка на пеле ввода
Сообщения
шизофф

Как сделать чтоб поле ввода логина и пароля отображалось картинкой.
Т.е чтоб било такое поле ввода как на картинке.

02 Апр 2012, 18:10
FeST

в css пропиши

02 Апр 2012, 18:12
шизофф

FeST, ну так я и спрашиваю что именно прописать нужно

02 Апр 2012, 18:18
FeST

Я не силен в ксс, чтото типа этого
input[type="text"], input[type="password"], textarea {
background: #FAFAFF url(путь/картинка.gif) repeat-x top;
}

02 Апр 2012, 18:22
Верный

В CSS:

form {
background-image: url("background.png");
}

Попробуй так, должно работать=)
Однако в таком случае во всех формах будут картинки. Можно сделать так:
page.html:
<form>
<div class="formbackground">
<input type="text" />
</div>
</form>

В CSS:
.formbackground
{
background-image: url("backgroundform.jpg");
}
ТОже должно работать

02 Апр 2012, 18:22
шизофф

Верный, второй вариант вообще не работает, а первый смотри на скрине.

02 Апр 2012, 18:33
fanatoss

шизофф, ты в body не пиши[php:1:2c5d2dfb78]background-image: url("backgroundform.jpg");[/php:1:2c5d2dfb78]
добавлено спустя 37 секунд:
кинь свой сайт  посмотрю

02 Апр 2012, 18:35
шизофф

fanatoss, а я и не пишу в body
сайт на денвере

FeST, спс то что надо

02 Апр 2012, 18:36
Верный

шизофф, в первом варианте попробуй заменить form на input

02 Апр 2012, 18:37
m-r.Nemo

вот кусок одного из моих стилей, тут надо просто изменить цвет фона на фоновое изображение...

input[type="submit"] { background-color: #61be61; color: #ffffff; padding: 3px; font-weight: bold; margin-bottom: 7px; } input[type="submit"]:hover,input[type="submit"]:focus { background-color: #228622; color: #ffffff; font-weight: bold; } input[type="text"] { background-color: #ffffff; color: #0033ff; margin-bottom: 10px; } input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus,textarea:hover,textarea:focus { background-color: #ffd700; color: #8b4513; }

03 Апр 2012, 23:06
Ответить на тему