CSS, проблема совместимости браузеров

[.silent]

Задолбали меня эти войны межбраузерные.

Помогите, плиз, в чем я не прав? Или что может помочь мне чтобы кнопки были и в IE и в других браузерах нормальные.

 

Имею код:

a.button {
background: #627584;
border: 1px solid #556a7b;
font-size: 8pt;
padding: 4px;
padding-left: 8px;
padding-right: 8px;
margin-right: 4px;
}

a.button:active, a.button:visited, a.button:link { 
color: #fcfcfc; 
text-decoration: none; 
} 

a.button:hover {
background-color: transparent;
text-decoration: none; 	
cursor: pointer;
}

 

и кнопки вида:

<a class="button">отправить</a>

 

получаю такую байду:

 

http://files.bezhetsk.ru/buttons_problem.jpg

 

причем на IE вообще ничего не меняется при наведении курсора на кнопку =/

в FireFox'е все нормально (на скриншоте на кнопку "отправить" наведен курсор мышки)...

 

буду рад любой помощи.

заранее благодарен.

[Sarmano]

.silent

 

Бесполезно менять что-то в классах для совместимости в браузерах у некоторых элементов.

 

Найди свою форму в файлах скина, помоему в skin_post лежит все.

Оставь классы как есть в css, но в коде добавь к кнопкам

 

<div style='padding:5px'>
{Здесь ссылки на кнопки}
</div>

 

После добавления, смотри саму форму уже в браузерах и если где-то слишком широко меняй отступы в css.

[.silent]

тут не форум, тут собственная формочка.

padding у div'а - да, с урезанными рамками кнопок помогает, спасибо. но от того что не работает a.button:active, a.button:visited, a.button:link, a.button:hover, естественно, не избавляет...

[Sarmano]

но от того что не работает a.button:active, a.button:visited, a.button:link, a.button:hover, естественно, не избавляет...

 

Как это связано ?

 

 

Скинь весь кусок. (Лучше бы посмотреть конечно на живой работе)

И опиши или нарисуй, что именно нужно в результате .

[nickostyle]

причем на IE вообще ничего не меняется при наведении курсора на кнопку =/

 

cursor: pointer в MSIE на работает.

 

И если это кнопка, как ты так лихо присваиваешь линку класс в надежде получить кнопку?

По-моему, это делается не совсем так.

<input type="button" value=" I " class="form"....

 

Разве нет?

[.silent]

И если это кнопка, как ты так лихо присваиваешь линку класс в надежде получить кнопку?

Я пытаюсь сделать ссылку, вид которой будет меняться при наведении курсора. Input мне ни к чему, все на линках. javascript никто не отменял.

[nickostyle]

Я не знаю, что тебе нужно. Ты или делай форму или нормальные линки. А если ты хочешь, чтобы картинка при наведении менялась, то тут необходимо использовать яваскрипт конечно.

[~* L O V E R *~]

У тебя...

a.button {
background: #627584;
border: 1px solid #556a7b;
font-size: 8pt;
padding: 4px;
padding-left: 8px;
padding-right: 8px;
margin-right: 4px;
}

А надо...

a.button {
background: #627584;
border: 1px solid #556a7b;
font-size: 8pt;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
margin-right: 4px;
}

 

Сам синтаксис CSS неверен.

[.silent]

~* L O V E R *~, почему же неверен? делаю общий padding, потом перекрываю левый и правый другими значениями.

попробовал по вашему, одна фигня.

впрочем, эту проблему уже решили, с рамками которая.

 

осталась смена бэкграунда при наведении курсора мышки.

кто знает?

 

если кто что-то не понял, то глядеть тут - пример формы

только глядеть в FireFox. это - то что я хочу видеть и на IE =)

[SuGGeST]

Попробуй вставить цвет бека в рисунок (один пиксель) и прописать к нему путь

[urisoft]

2 .silent

Для правильной работы в IE нужно указать любой href в тэге <a> с классом button.

Плюс добавить background: #627584; в a.button:active, a.button:visited, a.button:link {

 

 

 

cursor: pointer в MSIE на работает

Прекрасно все работает.

[.silent]

спасибо огромное, вечером, как домой приду - гляну

[.silent]

УРА! Все работает

Спасибо огромное!

 

Тему можно закрывать.