VPF::конфликт с opera - Форум программистов

Johny_03

Дата 10.8.2008, 10:30 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

Подскажите, что можно сделать? В IE7 всё нормльно, а в opera 9.5 не работает hover, padding-left (UL), шрифты не те, смещение списков UL...
Ничего не могу понять.
Пример можете посмотреть здесь www.testcode.narod.ru
Там только главная страница и о компании.
Подскажите плиз в чём причина
Заранее спасибо!

Это сообщение отредактировал(а) Johny_03 - 10.8.2008, 15:24

InfMag

Дата 10.8.2008, 12:45 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: нет
Всего: 4

Процитируй лучше сюда вырезку кода того что ты хочешь сделать.

SelenIT

Дата 10.8.2008, 13:29 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

При указании :link, :hover и т.п. имеет значение порядок записи, иначе :link может перезатереть остальные (что, видимо, и происходит). Правильный порядок - :link, :visited, :hover, :active (мнемоническое правило "LoVe/HAte" smile

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Johny_03

Дата 10.8.2008, 15:36 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

SelenIT, получилось, спасибо!

Вот код. Не пойму почему -top menu- главная, о компании, новости.... в опере отображается не жирным, или шрифт другой, а в IE7 - нормально.
И ещё, в списках UL я сейчас поставил в виде маркера ">". Но когда ставлю картинку или стандартный circle, то маркеры смещаются в опере. Как сделать универсальным способом для всех браузеров?

Код


   /* TOP МЕНЮ */
A.top:visited {COLOR: #ffffff}
A.top:active {COLOR: #ffffff}    
A.top:hover {COLOR: #D4E6F1}
A.top:link {COLOR: #ffffff}
A.top {TEXT-DECORATION: none; FONT-FAMILY: verdana, arial; FONT-SIZE: 14; FONT-WEIGHT: bold;}

   /* СПИСКИ */
UL.company a:visited {COLOR: black}
UL.company a:active {COLOR: black}
UL.company a:hover {COLOR: #006699}
UL.company a:link {COLOR: black}
UL.company a{TEXT-DECORATION: none}
UL.company {LIST-STYLE: none; FONT-FAMILY: verdana, arial; FONT-SIZE: 14;
    LINE-HEIGHT: 250%; PADDING-LEFT: 5%; MARGIN-LEFT: 5%}

Код


<html>
<head>
<link rel=stylesheet href="css/mainstyle.css" type="text/css">
</head>

<!-- BODY START HERE -->


<body bgcolor="#006699" text="black" link="black" topmargin="5" leftmargin="5">

<!-- TOP MENU TABLE -->

 <table border=0 width=100% align="center" border=0 background="logo/fon_string.jpg" style="font-size: 14; font-weight: bold; font-family: tahoma">
     <tr align="center" height=21>
        <td width=8%> 
        </td>
        <td width=10%>
            <a href="index.html" class="top">главная</a>            
        </td>
        <td width=14%>
            <a href="about.html" class="top">о компании</a>
        </td>
        <td width=10%>
            <a href="empty.html" class="top">новости</a>
        </td>
        <td width=10%>
            <a href="empty.html" class="top">акции</a>
        </td>
        <td width=10%>
        <a href="empty.html" class="top">каталог</a>            
        </td>
        <td width=10%>
            <a href="price/price.xls" class="top">прайсы</a>
        </td>
        <td width=10%>
            <a href="empty.html" class="top">сервис</a>
        </td>
        <td width=10%>
            <a href="empty.html" class="top">контакты</a>
        </td>
        <td width=8%>
        </td>
     </tr>
    </div>
 </table>
 
 <!-- MAIN TABLE -->
 
 <table border=0 bgcolor="#D4E6F1" width=100% align="center">
    <tr align="center" valign="top">
        <td bgcolor="D4E6F1" width=220>
        </td>
        <td bgcolor="#ffffff" valign="top" align="left">
            <H1>О компании</H1>
            <br>
            <UL class="company">
                <LI><a href="empty.html"> > Партнёры</a>
                <LI><a href="empty.html"> > Клиенты</a>
                <LI><a href="empty.html"> > Дипломы</a>
                <LI><a href="empty.html"> > Портфолио</a>
            </UL>
      <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        </td>
        <td width=18% rowspan=2>
        </td>
    </tr>
    <tr align="center">
        <td>
        </td>
        <td bgcolor="#ffffff">
        </td>
    </tr>
</table>

</body>
</html>

Это сообщение отредактировал(а) Johny_03 - 10.8.2008, 15:38

bars80080

Дата 10.8.2008, 16:28 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а ты пробовал писать стили в нижнем регистре, как того требует спецификация?

и кстати, за что ты благодаришь SelenIT, если полностью игнорируешь его совет?

Johny_03

Дата 10.8.2008, 17:08 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

Цитата(bars80080 @ 10.8.2008, 16:28

)

а ты пробовал писать стили в нижнем регистре, как того требует спецификация?

не понял вопроса

Цитата(bars80080 @ 10.8.2008, 16:28

)

за что ты благодаришь SelenIT, если полностью игнорируешь его совет?

я всё исправил, просто код сделал раньше

bars80080

Дата 10.8.2008, 17:29 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

вместо

Код


A.top {TEXT-DECORATION: none; FONT-FAMILY: verdana, arial; FONT-SIZE: 14; FONT-WEIGHT: bold;}

писать

Код


a.top {text-decoration: none; font-family: verdana, arial; font-size: 14; font-weight: bold;}

не факт, конечно, но браузеры становятся всё жёстче и жёстче к спецификации

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »