Показано с 1 по 4 из 4

Тема: CSS и 2 таблицы стилей

  1. #1

    Регистрация
    23.06.2011
    Сообщений
    3

    Добрый день.
    Значит проблема такова, есть 5 файлов


    1)Основной файл
    <div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-spacere;overflow:auto'><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>Документ без названия</title>
    <link href="Style1.css" rel="stylesheet" type="text/css"/>
    <link href="Style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body class="Fon">
    <center>
    <table width="70%">
    <tr>
    <td colspan="2"> [img]Picture/Baner/Scandinaviya.jpg[/img]</td></tr>
    <tr>
    <td colspan="2"><?php include ("blocks/HorizontMenu.php");// Подключаем горизонтадьную навигацию?></tr>
    <tr class="Table">
    <td width="25%"><?php include ("blocks/VertikalMenu.php");// Подключаем вертикальной навигацию?> </td><td></td></tr>
    <tr class="Table">
    <td colspan="2" class="Fundament">Футер</td></tr>
    </table>
    </body>
    </html></div>


    2) Горизонтальное меню

    <div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-spacere;overflow:auto'><link href="../Style.css" rel="stylesheet" type="text/css">

    <ul class="ulHorizontal sssHorizontal zzzHorizontal">
    <li class="liHorizontal">[Только зарегистрированные пользователи могут видеть ссылки. ]
    <li class="liHorizontal">[Только зарегистрированные пользователи могут видеть ссылки. ]
    <li class="liHorizontal">[Только зарегистрированные пользователи могут видеть ссылки. ]
    <li class="liHorizontal">[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/list]</div>


    3)Вертикальное меню
    <div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-spacere;overflow:auto'><link href="../Style1.css" rel="stylesheet" type="text/css">
    <ul class="ulVertikal sssVertikal zzzVertikal">
    <li class="liVertikal">[Только зарегистрированные пользователи могут видеть ссылки. ]
    <li class="liVertikal">[Только зарегистрированные пользователи могут видеть ссылки. ]
    <li class="liVertikal">[Только зарегистрированные пользователи могут видеть ссылки. ]
    <li class="liVertikal">[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/list]</div>


    4)Style.css
    <div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-spacere;overflow:auto'>@charset "windows-1251";
    /* CSS Document */
    .Fon /* Задний фон основной страницы */
    {background-image:url(Picture/FonMain.JPG)}

    .Table /* Каркас страницы */
    {background-color:#FFF;
    width:"70%"}

    .Fundament /* Футер */
    {background-color:#CCC}



    /* Начало оформления горизонтального меню */
    .ulHorizontal /* Контейнер */
    {list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;}

    .liHorizontal /* Контейнер */
    {float:left;
    font-style:italic;
    font-family:Romantic;
    font-size:17px;
    font-weight:inherit}

    .sssHorizontal a:link, a:visited /* Вид ссылки, посещенная ссылка */
    {display:block;
    width:224px;
    font-weight:bold;
    color:#0CF;
    background-color:#FFF;
    text-align:center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;}

    .zzzHorizontal a:hover, a:active /* фокус ссылки, активная ссылка */
    {background-color:#0CF;
    color:#FFF;}
    /* Конец стилей горизонтального меню */ </div>


    5)Style 1.css
    <div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-spacere;overflow:auto'>@charset "windows-1251";
    /* CSS Document */

    /* Начало оформления горизонтального меню */
    .ulVertikal /* Контейнер */
    {list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;}

    .liVertikal /* Контейнер */
    {font-style:italic;
    font-family:Romantic;
    font-size:17px;
    font-weight:inherit}

    .sssVertikal a:link, a:visited /* Вид ссылки, посещенная ссылка */
    {display:block;
    width:224px;
    font-weight:bold;
    color:#0D3;
    background-color:#FFF;
    text-align:center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;}

    .zzzVertikal a:hover, a:active /* фокус ссылки, активная ссылка */
    {background-color:#0D3;
    color:#FFF;}
    /* Конец стилей горизонтального меню */ </div>


    Значит проблема такова, у меня не корректно работают стили, наверно лучше будет из рисунка понятно..., как видите у вертикального меню текст в спокойном состоянии, т.е. если на него мышка не наведена синего цвета, а должен быть зеленого, почему так ума не приложу. А если я в 1)Основной файл поменяю местами строки подключения таблиц CSS, то такая ерунда будет у горизонтального меню..., как мне быть???




  2. #2

    Регистрация
    23.06.2011
    Сообщений
    3
    а если я открою по отдельности файлы горизонтального и вертикально меню, то все работает, от сюда вывод, что проблема в том что я подключаю 2 таблицы стиле..., токо вот как ее исправить??? и не понятно почему ссылки в фокусе ведут себя нормально, т.е. как они описаны в CSS

  3. #3

    Регистрация
    23.06.2011
    Сообщений
    3
    А вот и файл

  4. #4

    Регистрация
    03.08.2005
    Адрес
    Украина, Киев
    Сообщений
    1,660
    Тема перемещена в "верстку".

Похожие темы

  1. Обнуление стилей Агентов
    от Рёга в разделе Вёрстка сайта
    Ответов: 18
    Последнее сообщение: 13.08.2009, 11:10
  2. CSS – каскадные таблицы стилей
    от eiff в разделе Веб-разработка
    Ответов: 0
    Последнее сообщение: 30.03.2008, 22:14
  3. Несколько стилей в аттрибуте class
    от Petrav в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 13.12.2006, 11:41
  4. CSS и 2 таблицы стилей
    от th_bav в разделе Дизайн сайтов
    Ответов: 0
    Последнее сообщение: 01.01.1970, 04:00

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •