Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Ошибка при подключении внешнего css, Firefox, Chrome. В опере пашет. 
V
    Опции темы
CPlusPlusFAN
Дата 10.10.2010, 17:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 315
Регистрация: 1.11.2005
Где: Воронеж

Репутация: нет
Всего: нет
Здравствуйте.

Есть документ:
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        
        <link rel="stylesheet" type="text/css" href="css/main-page.css"></link>
        
        <script type="text/javascript" src="jscript/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="jscript/main-page.js"></script>    
        
    </head>
    <body>
        <div id="logo"></div>
        <table id="scroll-panel">
            <tr>
                <th><img class='scroll-item' src='images/items/screencasts.png' alt=''></img></th>
                <th><img class='scroll-item' src='images/items/screencasts.png' alt=''></img></th>
                <th><img class='scroll-item' src='images/items/screencasts.png' alt=''></img></th>
            </tr>
        </table>
        <div id="main-container">
            
        </div>
    </body>
</html>


А вот сам файл:
Код

#logo
{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    
    height: 200px;
}


body
{
    
}

#scroll-panel
{
    width: 50px;
    height: 150px;
    border: 1px black dashed;
}

#scroll-panel .scroll-item
{
    cursor: pointer;

    width: 50px;
    height: 50px;
    margin: 0px 5px;
}


#main-container
{
    
}


Есть ещё js файл, в котором что-то делается с #scroll-panel .scroll-item.

Итак, в опере всё работает отлично. В файрфоксе и хроме происходит вот что: стиль под тегом #scroll-panel применяется, но курсор уже не работает (т.е. по умолчанию) и в добавок эффект, применяемый к #scroll-panel .scroll-item не работает (это в яваскрипте).
Сделал следующее: на место линка поместил style тег, в него перенёс содержимое файла, и 1) заработал курсор; 2) заработал яваскриптовый скрипт.

Если честно, мне такой стиль размещения каскадных таблиц не нравится, хотелось бы разместить их в отдельном файле.

Прошу объяснить, в чём ошибка. 
PM MAIL ICQ Jabber   Вверх
CPlusPlusFAN
Дата 10.10.2010, 20:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 315
Регистрация: 1.11.2005
Где: Воронеж

Репутация: нет
Всего: нет
Всё. Понял, что не так. Вопрос закрыт.
PM MAIL ICQ Jabber   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0370 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.