Virtual Keyboard Interface
 

Уважаемые форумчане помогите мне сделать одну незамысловатую стуку. Вот в интернете нашёл виртуальную клавиатуру на сайте http://www.greywyvern.com/code/javascript/keyboard (это не реклама)

Проблемка состоит в том мне нужно чтобы значок был не возле поля вводимой информации а в самом поле как это реализовано на сайте (пример) www.reg.ru это не реклама. Помогите пожалуйста мне в этом деле. Напишите что нужно поправить что бы значок был внутри

А где править-то? :D Пока у тебя ничего нет...

Например на этом сайте
Достаточно добавить это

.keyboardInputInitiator {
*!*
    position: relative;
    left: -35px;
*/!*
    cursor: pointer;
    margin: 0 3px;
    vertical-align: middle;
}

А у тебя х/з чего править... :)

Ну я имею виду общий вид что бы был все данные о поле. А коды все на сайте http://www.greywyvern.com/code/javascript/keyboard. А где куда это добавлять в какой файл?

Интересный вопрос... :haha:

А как хорошо всё начиналось...

ага нашёл информацию что добавить это в основной файл keyboard.css. Файлик поправил вашими добавлениями т.е.
из оригинала

.keyboardInputInitiator {
  margin:0px 3px;
  vertical-align:middle;
  cursor:pointer;
}

заменил на

.keyboardInputInitiator { 
position: relative; 
left: -35px; 
cursor: pointer; 
margin: 0 3px; 
vertical-align: middle; 
}

Но область после строки всёравно перемещается влево на значок которого там нету как это ещё поправить?

Я даже не знаю где ты это всё делаешь... :)

Ты бы хоть пример какой тестовый сделал...

Вот посмотрите на сайте iov.cc там всё делаю

Таки сделай всё как уних и будет тебе счастие...

это моё детище только я хочу чтобы строка пароля не прыгала от слова забыли пароля а оставалась на месте и это прыгание стало после того как я добавил туда клавиатуру. После внесения изменения значёк переместился в лево а вот область там где он был всё равно смещается как будто он там ещё есть может нужно что-то в файле js ещё редактировать что бы прекратилось это прыгание?

Ааа, вона чего... Тогда например так.

.keyboardInputInitiator {
    cursor: pointer;
    margin: 0 -30px 3px;
    vertical-align: middle;
}

Странно как-то получилось сейчас я поставил как вы написали и на браузере opera вообще не отображается а в остальных браузерах эта картинка вообще почти по середине строки стала. Может есть какие-то ещё варианты

Да и ещё я поставил кое параметр left = 0 и всё стало нормально работать кроме как на браузере опера в ней всё равно перестало отображаться вообще

.keyboardInputInitiator { 
position: relative; 
left: 0px; 
cursor: pointer; 
margin: 0 -30px 3px; 
vertical-align: middle; 
}

1. Твой вариант таки оличается от моего. :)
2. Ты врёшь про Оперу...

Я в своей Опрере подправил твой ЦСС в инспекторе... И вот это

.keyboardInputInitiator { 
   cursor: pointer;
   margin-bottom: 0px;
   margin-left: -30px;
   margin-right: 3px;
   margin-top: 0px;
   vertical-align: middle;
}

всё нормально отобразило...

Всё заработало очень хорошо. Я даже не знаю как и отблагодарить вас за помощь. Большое при большое спасибо и очень хорошо что существую такие люди как вы.

1000р мне на телефон вполне меня устроит... :lol:

Да нас тут целая банда! :D