PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Помогите нарисовать форму как вВконтакте

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Extazy	Отправлено: 16 Сентября, 2013 - 13:36:01
Посетитель Покинул форум Сообщений всего: 490 Дата рег-ции: Янв. 2010 Помог: 0 раз(а)	Здравствуйте. Прошу подскажите как написать такую же форму, как вконтакте: Нажмите для увеличения В идеале, чтобы форма также автоматически увеличивалась по высоте, если текст уже не влазит в форму. Или хотя бы просто как разместить эти 2 инпута справа от текстового инпута??

imya	Отправлено: 16 Сентября, 2013 - 15:39:43
Участник Покинул форум Сообщений всего: 1472 Дата рег-ции: Сент. 2012 Откуда: Запорожье, Украина Помог: 19 раз(а)	Css не учили ?? Вроде проще простого Посмотрите разметку вк и скопипастите себе, если так трудно самому написать Для растяжения textarea используйте свойство CODE (css): скопировать код в буфер обмена resize (Отредактировано автором: 16 Сентября, 2013 - 15:42:33) ----- PHP: скопировать код в буфер обмена do {box != cat;} while (cat != box); Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...

Extazy	Отправлено: 17 Сентября, 2013 - 03:10:29
Посетитель Покинул форум Сообщений всего: 490 Дата рег-ции: Янв. 2010 Помог: 0 раз(а)	там форма на яваскрипте написана, а я в нём путаюсь.. мне бы на html простенькую написать

thedimzone	Отправлено: 17 Сентября, 2013 - 10:42:29
Новичок Покинул форум Сообщений всего: 2 Дата рег-ции: Сент. 2013 Помог: 0 раз(а)	Extazy пишет: там форма на яваскрипте написана, а я в нём путаюсь.. мне бы на html простенькую написать Facepalm... На html ты ничего красивого не сделаешь, учи и юзай css. А на примире, зачем тебе эта форма?

Инсеин	Отправлено: 17 Сентября, 2013 - 11:41:20
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Extazy пишет: Или хотя бы просто как разместить эти 2 инпута справа от текстового инпута?? Как вариант Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <!DOCTYPE html> <html> <head> <title>1</title> <style> body{background: #fff;} #txt { width: 302px; height: 103px; border: 1px solid #c0cad5; position: absolute; } textarea { width: 275px; height: 100px; border: none; background: #fff; padding-right: 25px; resize: none; overflow: hidden; } #smile, #photo { position: absolute; right: 5px; width: 15px; height: 15px; border: 1px solid #a3b5cb; } #smile:hover, #photo:hover { background: #a3b5cb; cursor: pointer; } #smile { top: 5px; } #photo { bottom: 5px; } </style> </head> <body> <div id="txt"> <textarea></textarea> <div id="smile"></div> <div id="photo"></div> </div> </body> </html> Думаю, картинки вставить не проблема уже будет. Extazy пишет: В идеале, чтобы форма также автоматически увеличивалась по высоте Способ решения Можно ещё тут посмотреть, вариант без textarea ----- Судя по ходу мыслей, вас постоянно преследуют глупости.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.