0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 3416 Просмотров
*

AlexSF

  • Давно я тут
  • 678
  • 68 / 0
  • В споре истина рождается
Всем доброго времени суток.
Делаю шаблончик и есть зафиксировать слой для горизонтального меню. Слой зафиксировал но проблема в том, что при прокрутке на него наползают другие слои перекрывая меню.
Код: php
<body class="page_bg">
<div id="wrap_top">
<div id="top">
<div class="top-menu">
<div id="sgmenu">
<jdoc:include type="modules" name="menuload" />
</div>
</div>
<div id="search">
<jdoc:include type="modules" name="position-0" />
</div>
</div>
   </div>
<div id="wrapper">
   
<!--<div class="clr"></div>-->
<div id="header">
<h1><a href="<?php echo $this->baseurl ?>"><?php echo $app->getCfg('sitename'); ?></a></h1>
</div>
Код: css
#wrap_top {width: 100%;height:45px; position: fixed; right: 0px; top: 0px; background: #ffe;}
#wrapper {width:980px; margin:0 auto; padding:0;}
#top {width:980px; margin:0 auto; padding:0;}

Подскажите в чём ошибка пожалуйста
« Последнее редактирование: 10.01.2012, 22:06:49 от AlexSF »
Задаёте вопрос - не забудьте приложить ссылку на проблемный сайт
При проблеме с CSS рекомендую использовать Mozilla Firefox и её плагин FireBug
И по максимуму изучите, или поставьте в закладки - http://htmlbook.ru/css
Notepad++ поможет почти в любом деле
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Код

#wrap_top {width: 100%;height:45px; position: fixed; right: 0px; top: 0px; background: #ffe;
z-index:2;
}
#wrapper {width:980px; margin:0 auto; padding:0;
position:relative; z-index:1;
}

*

AlexSF

  • Давно я тут
  • 678
  • 68 / 0
  • В споре истина рождается
Огромное человеческое спасибо. с меня +
Задаёте вопрос - не забудьте приложить ссылку на проблемный сайт
При проблеме с CSS рекомендую использовать Mozilla Firefox и её плагин FireBug
И по максимуму изучите, или поставьте в закладки - http://htmlbook.ru/css
Notepad++ поможет почти в любом деле
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Пожалуйста. Спасибо за +
*

AlexSF

  • Давно я тут
  • 678
  • 68 / 0
  • В споре истина рождается
Всем доброго времени суток.
Сегодня обнаружил маленькую проблемку. В браузерах Хром и ИЕ видео с ютюба перекрывает фиксированный слой с меню.
Использую плагин Content - JPlayer. В стили цсс плагина которые есть на странице добавил z-index: 1; , однако не помогло.
Где можно поправить?
Задаёте вопрос - не забудьте приложить ссылку на проблемный сайт
При проблеме с CSS рекомендую использовать Mozilla Firefox и её плагин FireBug
И по максимуму изучите, или поставьте в закладки - http://htmlbook.ru/css
Notepad++ поможет почти в любом деле
*

AlexSF

  • Давно я тут
  • 678
  • 68 / 0
  • В споре истина рождается
position
Не понял как с помощью поситион исправить наезд видео, в браузерах Хром и ИЕ  на wrap_top
Код: php
<body class="page_bg">
<div id="wrap_top">
<div id="top">
<div class="top-menu">
<div id="sgmenu">
<jdoc:include type="modules" name="menuload" />
</div>
</div>
<div id="search">
<jdoc:include type="modules" name="position-0" />
</div>
</div>
   </div>
<div id="wrapper">
Код: css
#wrap_top {width: 100%;height:45px; position: fixed; right: 0px; top: 0px; background: #ffe;
z-index:2;}
#wrapper {width:980px; margin:0 auto; padding:0;
position:relative; z-index:1;}
Задаёте вопрос - не забудьте приложить ссылку на проблемный сайт
При проблеме с CSS рекомендую использовать Mozilla Firefox и её плагин FireBug
И по максимуму изучите, или поставьте в закладки - http://htmlbook.ru/css
Notepad++ поможет почти в любом деле
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Да, никак не поможет. Дело в том, что видео у вас выводится во flash. А у него z-index=стопицот. ^-^ Вот пример решения вопроса с перекрытием флэш: http://flash-ripper.com/archives/001231.php
*

AlexSF

  • Давно я тут
  • 678
  • 68 / 0
  • В споре истина рождается
Как всегда, надежда на Вашу помощь Shustry оправдалась!
Огромное СПАСИБО.

Вставил две строчки кода в plugins/content/jplayer/sources.php
Код
"youtube" => '
<object .............

<param name="wmode" value="opaque"></param>//добавил

wmode="opaque"//добавил


и всё заработало.
С меня ещё +
« Последнее редактирование: 10.01.2012, 22:09:16 от AlexSF »
Задаёте вопрос - не забудьте приложить ссылку на проблемный сайт
При проблеме с CSS рекомендую использовать Mozilla Firefox и её плагин FireBug
И по максимуму изучите, или поставьте в закладки - http://htmlbook.ru/css
Notepad++ поможет почти в любом деле
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
AlexSF, пожалуйста. Ну так помогать и приятно, когда вопросы правильно задают и решают дальше сами. ;) А то ведь, бывает, пишут потом "что за перекрытие? какой файл поправить" и т.п. ^-^
*

AlexSF

  • Давно я тут
  • 678
  • 68 / 0
  • В споре истина рождается
Согласен, бывает всякое.
Ещё раз СПАСИБО.
Задаёте вопрос - не забудьте приложить ссылку на проблемный сайт
При проблеме с CSS рекомендую использовать Mozilla Firefox и её плагин FireBug
И по максимуму изучите, или поставьте в закладки - http://htmlbook.ru/css
Notepad++ поможет почти в любом деле
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
AlexSF, спасибо Вам за плюс.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1603
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2173
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 831
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 805
Последний ответ 27.11.2020, 11:33:58
от coliandra
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 1294
Последний ответ 03.11.2020, 16:57:40
от Nikolay89