веб-мастеру блог веб-мастера Статьи Веб-Мастера SEO Tools книги веб-мастеру

IPB

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в эту темуОткрыть новую тему
> Как изменить ширину и высоту Reset и Submit (Opera)
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;">


--------------------
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
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;
}


--------------------
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
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">


--------------------
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Tamerlan
сообщение 27.3.2008, 19:31
Сообщение #7


Прохожий
*

Группа: Пользователи
Сообщений: 4
Регистрация: 26.3.2008
Пользователь №: 697



Спасибо за подробный комментарий.
Уверен, начинающим это во многом поможет.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Быстрый ответОтветить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия Сейчас: 12.5.2008, 6:33
^ ВВЕРХ ^

Посетите наши проекты:
Строим Домик .RU - интерьер квартир
Бодибилдинг.info - единоборства самоучитель