Приветствую! Переделываю чужой шаблон, пытаюсь обойтись без полной "перевёрстки" (шаблон сделан через ж*** в таблице плюс ещё и дивы) - и вот нужна помощь по нескольким вопросам.
Сначала линк на полигон (черновик, посему просьба не пинать сильно):
http://82776.dorf.web.hosting-test.netТеперь суть вопросов.
1) КРОССБРАУЗЕРНОСТЬ В коде index.php жёстко прописаны телефоны горячей линии следующим образом:
<span id="callcenter">
ГОРЯЧАЯ ЛИНИЯ ПОДДЕРЖКИ (<font color="#ab0c22"><i>КРУГЛОСУТОЧНО</i></font>) +38 (044) 496 52 42
</span>
<span id="support">
ДЕЖУРНАЯ БРИГАДА (<font color="#ab0c22"><i>КРУГЛОСУТОЧНО</i></font>) +38 (050) 381 81 13
</span>
Соответственные стили указаны так:
#callcenter {
z-index: 1000;
position: relative;
background: url('../images/icons/phone.gif') no-repeat;
float: left;
line-height: 16px;
padding-left: 25px;
padding-bottom: 0px;
margin-top: -36px;
margin-left: 60px;
margin-bottom: 0px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}
#support {
z-index: 1000;
position: relative;
background: url('../images/icons/people.gif') no-repeat;
float: left;
line-height: 16px;
padding-left: 25px;
margin-top: -15px;
padding-top: 0px;
margin-left: 60px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}
Результат: в Фоксе, Хроме и Осле отображается нормально, но при открытии в Опере нижняя строка (дежурная бригада) слетает на фиг вниз.
Как побороть?2) НЕПОНЯТНЫЙ ОТСТУП СНИЗУВ модуле слайдера (EnyTabSlider) я принудительно уменьшил размер красных стрелок (стилем). В стиле вывода позиции данного модуля жёстко прописал размер. Но снизу по-прежнему отступ на 100 пикселей, как будто я и не уменьшал размер стрелок. Файрбаг мне показывает невесть откуда взявшиеся 400 пикселей (высоту модуля) - этого размера нет нигде! А должно быть 300 пкс (сумма высот всех стрелок)! Вот цсс-ка модуля:
h3.enytheme { margin:0; padding:0px 0px 7px 0px; font-size:14px;}
div#feature_list { overflow:hidden; position:relative; }
div#feature_list ul { position:absolute; top:0; list-style:none; padding:0; margin:0; }
ul#tabs { left:0; z-index:2; }
ul#tabs li { font-size:12px; font-family:Arial;list-style-position: outside; }
ul#tabs li img { padding-left:5px; border:none; float:left; margin:0px 10px 0 0; }
ul#tabs li a {text-decoration:none; display:block; padding:10px; height:40px; outline:none; }
ul#tabs li a:hover { text-decoration:underline; text-decoration: none;}
ul#tabs li a.current {text-decoration: none; }
ul#tabs li a.current:hover { text-decoration:none; cursor:default; }
ul#output { right:0; position:relative; }
ul#output li { position:absolute; }
ul#output li a { position:relative; bottom:20px; right:10px; padding:4px 8px; text-decoration:none; font-size:11px;-moz-border-radius:5px;}
Как побороть?