Помощник
|
красивое текстовое поле |
www3_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
ZhukV |
14.11.2010, 2:15;
Ответить: ZhukV
Сообщение
#2
|
|
|
А че здесь сложного?
Это делается элементарно дивами. Разделиваеш блок на три части: input-left input-center input-right ------------------------- input-left - левая часть инпата, закругленая левая часть. Картинка, припустим с шириной 10 и высотой 25 input-center - это бекгроунд самого инпата, только обрезан на 1 пиксель, чтоб занимать меньше размера. input-right - тоже самое что и left только в противополеженую сторону. А теперь стили и верстка: <style type="text/css"> #input-new{ width:220px; background:none; } #input-left{ background:url('left.gif') no-repeat; } #input-right{ background:url('right.gif') no-repeat; } #input-left, #input-right, #input-center, {float:left} #input-left, #input-right{ width:10px; } #input-center{ width:200px; } #input-center input{ background:url('center.gif') repeat-x; width:200px; border:none; } </style> <div id="input"> <div id="input-left"></div> <div id="input-center"> <input type="text" /> </div> <div id="input-right"></div> </div> Можеш посмотреть пример такой верстки http://zhukv.com/index2.php (там есть поле для поиска)
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Красивое размещение на красивых сайтах тема: женская, свадебная, образовательная |
47 | Ljuljak | 28469 | 26.5.2017, 18:13 автор: Outcast |
|
Значение чекбокса сразу добавляется в тектовое поле | 2 | mixxxxxx | 3170 | 3.11.2014, 11:25 автор: -mixxxxxx- |
|
Парсер + поле для поиска | 1 | BikShop | 1081 | 12.9.2013, 21:44 автор: datacol_mw |
|
Поле ввода пароля... | 20 | denis_mw | 3888 | 17.8.2012, 0:14 автор: HapkomaH |
|
Вывод аватаров в списке тем в поле последний обновлений Ucoz | 0 | shannon1791 | 1517 | 16.8.2012, 13:29 автор: shannon1791 |
Текстовая версия | Сейчас: 25.4.2024, 6:19 |