Цей сайт найкраще переглядати в сучасному браузері з включеним JavaScript.

Opera & IE

vovikha

http://img215.imageshack.us/img215/4677/authnq9.png [/img]
Один і той самий блок в опері той що зліва і ІЕ той що правіше, яким чином прибрати жовті лінії з опери навколо полів вводу пароля логіна?

Dutch

Переписати трохи ядро Опери 🙂))

vovikha

то виходить що ну зовсім ніяк не можна?

Dutch

Це настройки самої Опери.
Якщо відкриєш сайт у Сафарі то побачиш кардинально інший вигляд

mr.Z

Жовтий колір в полях вводу даних авторизації в Opera, якщо мені не зраджує пам’ять, означає, що ти ввімкнув функцію запам’ятовування паролів і можеш авторизуватися за допомогою Ctrl+Enter або "Жезла".

vovikha

Память таки не зраджує, Дуже дякую все точно, якщо жезл увімкнутий тоді зявляються жовті поля

realcat

в мене інша трабла з картинками на головній сторінці.
В ІЕ все норм, між картинками є віддаль.
А от в Опері картинки наїзджають одна на одну шо робити?

Besedin

Кожен браузер "грає" по своєму і тому потрібно дивитись в сам HTML-код

lodka

Пишу тут, гадаю не помилився!

Проблема з відображенням шаблону в Opera та IE (дивіться світлини):

Опера:

Firefox, Chrome, Safari:

Ось частина коду з CSS , що відповідає за заокругленість виділення горизонтального меню:

#nav a {
font-weight: bold;
color: #EBDA00;
text-decoration: none;
display: block;
padding: 8px 20px;
margin: 0;

-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;

/*text-shadow: 0 1px 1px rgba(0,0,0, .3);*/

}
#nav a:hover {
background: #000;
color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
background: #666 url(../images/gradient.png) repeat-x 0 -40px;
color: #2e2f30;
/*border-top: solid 1px #f8f8f8;*/

-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);

/*text-shadow: 0 1px 0 rgba(255,255,255, 1);*/

Чому Опера не сприймає той код?

Допоможіть розібратись!

ivaniura

Я не впевнений, чи виявлюсь правим і чи не запізно пишу 😃 , але попробуйте код

-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;

доповнити наступним чином:

-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
border-radius: 1.6em;
-o-border-radius: 1.6em;

lodka

ivaniura написав

Я не впевнений, чи виявлюсь правим і чи не запізно пишу 😃 , але попробуйте код

-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;

доповнити наступним чином:

-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
border-radius: 1.6em;
-o-border-radius: 1.6em;

Величезне Вам спасибі! :good:
Ваша допомога абсолютно доречна! :beer: