| |
|
|
| | Здравствуйте Уважаемое сообщество.
Ни подскажете метод для создания закруглённых углов к полям ввода и кнопкам. | |
| |
|
|
| |
|
|
| |
для: pautina
(25.01.2010 в 11:02)
| | | В сети полно материалов, а мне хотелось бы использовать какой либо 1 метод, чтоб я всегда потом его использовать мог.
Может ссылку дадите? | |
| |
|
|
| |
|
|
| |
для: pautina
(25.01.2010 в 13:20)
| | | Методов всего 2 (два):
- с использованием картинок;
- без использования картинок.
Реализация каждого из методов возможна различными способами.
Какой из этих методов (и способов) вам понравится больше - такой и пользуйте.
"На вкус и цвет товарищей нет"(с) | |
| |
|
|
| |
|
|
| |
для: АЯ
(25.01.2010 в 16:54)
| | | Ни дадите ссылку на создание полей ввода с закруглёнными углами, с использованием картинок и без них. | |
| |
|
|
|
| |
 3 Кб |
|
| |
для: АЯ
(25.01.2010 в 19:08)
| | | Пожалуй самый простой способ для полей ввода залить фоном
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
#input_text { width:292px; height:42px; background:url(image/input_bg.jpg) left top no-repeat; border:none; padding:0 20px; }
</style>
</head>
<body>
<form action="" method="post">
<input type="text" value="Поиск по сайту" onfocus="this.value=''" id="input_text" style="width:252px" >
</form>
</body>
</html>
|
Только ширину надо учитывать, весь блок input_text 292px, отступы для поля ввода слева и справа по 20px, чтобы все выглядело нормально и текст вводимый в поле ввода не ушел за фон, пишем style="width:252px".
Файл с кнопкой в прикреплённом файле, может кому понадобится.
Здесь при помощи фона можно делать любое закругление углов, всегда буду использовать этот метод. | |
| |
|
|
