| веб-мастеру | блог веб-мастера | Статьи Веб-Мастера | SEO Tools | книги веб-мастеру |
Здравствуйте, гость ( Вход | Регистрация )
![]() ![]() |
| Tamerlan |
26.3.2008, 1:46
Сообщение
#1
|
|
Прохожий ![]() Группа: Пользователи Сообщений: 4 Регистрация: 26.3.2008 Пользователь №: 697 |
Доброго времени суток.
В таблице стилей все padding и margin выставил в ноль по умолчанию. После этого кнопки Submit и Reset в Opera приняли ширину и высоту введенного в них текста, что выглядит не очень красиво. Проверил в IE 6.0 - все осталось как было до обнуления. Вопрос - как задать высоту и ширину для указанных кнопок? Спасибо за ответы. |
| gid |
26.3.2008, 14:17
Сообщение
#2
|
|
Администратор форума ![]() ![]() ![]() ![]() ![]() Группа: Главные администраторы Сообщений: 541 Регистрация: 27.11.2006 Из: Россия Пользователь №: 1 |
Если я все правильно понял, то все можно решить теми же стилями. К примеру: добавьте к нужным кнопкам атрибут style, который содержит заданную высоту и ширину кнопки:
Код <input type="Submit" style="width:200px;height:80px;"> -------------------- |__| RU-домены за 170 рублей |__| SU-домены за 460 рублей |__|
Раскрутка Вашего сайта | Пишу php скрипты на заказ | Регистрация Вашего сайта в каталогах | - | - | - | ICQ: 6-426-630 |
| Tamerlan |
26.3.2008, 19:14
Сообщение
#3
|
|
Прохожий ![]() Группа: Пользователи Сообщений: 4 Регистрация: 26.3.2008 Пользователь №: 697 |
Спасибо!
Да, подсказанным вами способом удалось решить вопрос. А как быть, если нужно прописать ширину и высоту для данных кнопок на 50-ти страницах? Можно ли определить размеры один раз в таблице стилей, чтобы не прописывать на каждой странице? |
| gid |
26.3.2008, 19:52
Сообщение
#4
|
|
Администратор форума ![]() ![]() ![]() ![]() ![]() Группа: Главные администраторы Сообщений: 541 Регистрация: 27.11.2006 Из: Россия Пользователь №: 1 |
Можно, но только по отношению ко всем элементам типа input (не только к кнопкам). Для этого нужно в css-файл добавить:
Код input { width:200px; height:80px; } -------------------- |__| RU-домены за 170 рублей |__| SU-домены за 460 рублей |__|
Раскрутка Вашего сайта | Пишу php скрипты на заказ | Регистрация Вашего сайта в каталогах | - | - | - | ICQ: 6-426-630 |
| Tamerlan |
26.3.2008, 23:14
Сообщение
#5
|
|
Прохожий ![]() Группа: Пользователи Сообщений: 4 Регистрация: 26.3.2008 Пользователь №: 697 |
gid, спасибо.
Да, если один раз всего необходимо указать в таблице стилей, то указанный вами вариант идеален. И интересный ответ был получен вне форума: но тут придеться определять класс для каждого элемента Submit и Reset на каждой странице. Это для тех, у кого тоже может возникнуть такая ситуация в будущем. Код .button {width:100px; height:25px;} И потом данный класс указывать для каждого указанного элемента. |
| gid |
26.3.2008, 23:24
Сообщение
#6
|
|
Администратор форума ![]() ![]() ![]() ![]() ![]() Группа: Главные администраторы Сообщений: 541 Регистрация: 27.11.2006 Из: Россия Пользователь №: 1 |
Называть класс .button можно как угодно, главное его потом правильно использовать... можно еще использовать не классы а идентификаторы для подобных вещей, т.е.:
CSS: Код /* класс */ .but { width:200px; height:80px; } /* идентификатор (id)*/ #but { width:200px; height:80px; } HTML: Код Кнопка использующая класс: <input type="Submit" class="but"> <br><br> Кнопка использующая идентификатор: <input type="Submit" id="but"> -------------------- |__| RU-домены за 170 рублей |__| SU-домены за 460 рублей |__|
Раскрутка Вашего сайта | Пишу php скрипты на заказ | Регистрация Вашего сайта в каталогах | - | - | - | ICQ: 6-426-630 |
| Tamerlan |
27.3.2008, 19:31
Сообщение
#7
|
|
Прохожий ![]() Группа: Пользователи Сообщений: 4 Регистрация: 26.3.2008 Пользователь №: 697 |
Спасибо за подробный комментарий.
Уверен, начинающим это во многом поможет. |
![]() ![]() ![]() |
|
Текстовая версия | Сейчас: 12.5.2008, 6:33 |