X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

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

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Отрисовка кнопок с background-image
AlexT_hb
AlexT_hb
Topic Starter сообщение 6.11.2007, 16:43; Ответить: AlexT_hb
Сообщение #1


Добрый день, уважаемые.
Требуется ваша помощь в следующем.
Вопрос №1:

На сайте много кнопок вроде этой:
<input type="submit" class="myBut" value="Кнопка №1xxxxxx">

стиль myBut описан так:

input.myBut {
width: 100px;
height: 20px;
padding: 0;
margin: 0;
font-family: Arial, sans-serif;
font-size: 10pt;
color: white;
background-image: url(mybut1.jpg);
border-width: 1px;
border-spacing: 0;
border-style: solid;
border-color: black;
margin: 0;
}

Т.е. батон имеет размер 100px * 24px
Картинка myBut1.jpg имеет точно такие же размеры.
Т.е. задумывается кнопка с картинкой, обрамленной рамкой в 1 пиксель, НО реально в IE6 между картинкой и рамкой есть еще одна рамка - белая.

Знатоки, внимание, вопрос[IMG]http://web-silver.ru/forum/images/smilies/smile.gif[/IMG]
Можно ли ее убрать, ну и собственно как это сделать?

Вопрос №2:
Та же кнопка, но со свойством disabled="yes". Вынь отрисовывает текст на кнопке двумя шрифтами, независимо от свойства color в ее стиле.

Можно ли от этого избавиться? Т.е. можно ли сделать кнопку недоступной, и использовать при этом свой цвет шрифта?

Очень на вас надеюсь, уважаемые кодеры и дизайнеры.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 6.11.2007, 17:07; Ответить: Webmaster_hb
Сообщение #2


AlexT,
решение следующее
границу кнопки надо поставить равной нулю
а саму границу нарисовать на самой картинке
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AlexT_hb
AlexT_hb
Topic Starter сообщение 6.11.2007, 20:26; Ответить: AlexT_hb
Сообщение #3


Несомненно, решение простое, но оно хорошо для единичного случая. В моем случае кнопок слишком много, чтобы каждую отрисовывать отдельно. Может быть есть другие варианты?
Я пробовал следующее:
использовал на background-image, а background. Первым аттрибутом следует цвет закраски, если его задать - "нежелательная" рамка будет иметь именно этот цвет. Такой вариант тоже не подходит.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ritic
ritic
сообщение 7.11.2007, 1:21; Ответить: ritic
Сообщение #4


Как вариант - убрать бордер у кнопки, а кнопку вставить в div с такими же размерами, а уже у дива поставить бордер 1пкс
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AlexT_hb
AlexT_hb
Topic Starter сообщение 7.11.2007, 10:16; Ответить: AlexT_hb
Сообщение #5


ritic, спасибо большое!
Так работает!!!:rolleyes:
Покорнейше благодарю.:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AlexT_hb
AlexT_hb
Topic Starter сообщение 7.11.2007, 10:19; Ответить: AlexT_hb
Сообщение #6


А как насчёт 2-го вопроса?

Вопрос №2:
Та же кнопка, но со свойством disabled="yes". Вынь отрисовывает текст на кнопке двумя шрифтами, независимо от свойства color в ее стиле.

Можно ли от этого избавиться? Т.е. можно ли сделать кнопку недоступной, и использовать при этом свой цвет шрифта?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 7.11.2007, 14:54; Ответить: Webmaster_hb
Сообщение #7


(AlexT_hb @ 7.11.2007, 12:19) *
А как насчёт 2-го вопроса?

Вопрос №2:
Та же кнопка, но со свойством disabled="yes". Вынь отрисовывает текст на кнопке двумя шрифтами, независимо от свойства color в ее стиле.

Можно ли от этого избавиться? Т.е. можно ли сделать кнопку недоступной, и использовать при этом свой цвет шрифта?

для Mozilla gподйдет такой css
input[disabled]{color:#f00}

для других браузеров добиться желаемого результата не удалось
может имеет смысл использовать атрибут readonly
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AlexT_hb
AlexT_hb
Topic Starter сообщение 7.11.2007, 16:01; Ответить: AlexT_hb
Сообщение #8


В Mozillа работает, спасибо.
У меня основной браузер IE, там не работает.
readonly не помогает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 7.11.2007, 22:39; Ответить: Webmaster_hb
Сообщение #9


AlexT, я предлагал использовать readonly вместо disabled

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Дизайн кнопок, доработка элементов графики
Требуется исполнитель
5 ARsHi 1400 6.10.2020, 20:04
автор: JOHNY
Открытая тема (нет новых ответов) Как вставлять username в background?
18 rieltor_hb 5609 19.7.2014, 21:25
автор: -HTMLandPHP-
Открытая тема (нет новых ответов) Взрыв мозга background-size
4 Андрей Ефимов 3599 17.4.2014, 13:08
автор: -Андрей Ефимов-
Открытая тема (нет новых ответов) Персональный дизайн социальных кнопок
18 komissarov 8646 31.10.2012, 13:50
автор: Blogolady
Открытая тема (нет новых ответов) background резиновой таблички
0 Aleksey E-krit 5752 24.6.2011, 17:20
автор: -Алексей_-


 



RSS Текстовая версия Сейчас: 19.3.2024, 11:50
Дизайн