PDA

Просмотр полной версии : Отрисовка кнопок с background-image



AlexT
06.11.2007, 13:43
Добрый день, уважаемые.
Требуется ваша помощь в следующем.
Вопрос №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 между картинкой и рамкой есть еще одна рамка - белая.

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

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

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

Очень на вас надеюсь, уважаемые кодеры и дизайнеры.

Webmaster
06.11.2007, 14:07
AlexT,
решение следующее
границу кнопки надо поставить равной нулю
а саму границу нарисовать на самой картинке

AlexT
06.11.2007, 17:26
Несомненно, решение простое, но оно хорошо для единичного случая. В моем случае кнопок слишком много, чтобы каждую отрисовывать отдельно. Может быть есть другие варианты?
Я пробовал следующее:
использовал на background-image, а background. Первым аттрибутом следует цвет закраски, если его задать - "нежелательная" рамка будет иметь именно этот цвет. Такой вариант тоже не подходит.

ritic
06.11.2007, 22:21
Как вариант - убрать бордер у кнопки, а кнопку вставить в div с такими же размерами, а уже у дива поставить бордер 1пкс

AlexT
07.11.2007, 07:16
ritic, спасибо большое!
Так работает!!!:0024:
Покорнейше благодарю.:0051:

AlexT
07.11.2007, 07:19
А как насчёт 2-го вопроса?

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

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

Webmaster
07.11.2007, 11:54
А как насчёт 2-го вопроса?

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

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


input[disabled]{color:#f00}

для других браузеров добиться желаемого результата не удалось
может имеет смысл использовать атрибут readonly

AlexT
07.11.2007, 13:01
В Mozillа работает, спасибо.
У меня основной браузер IE, там не работает.
readonly не помогает.

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

Html-форум RATING ALL.BY Рейтинг сайтов Рейтинг@Mail.ru