pbeloysov
Newbie-
Posts
14 -
Joined
-
Last visited
pbeloysov's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо. Теперь во всем разобрался. alexandr_v-vich, история кончилась тем, что я переписал скрипт выпадающих блоков.
-
В общем, все это окончательно вымотало мне мозг, поэтому решил просто переписать скрипт вывода блоков...
-
Также не работает хак *html. Я, честно говоря, в первые за 5 лет верстки столкнулся с тем, чтобы не работал хак *html. Правки для скрипта тоже не помогают... Скрипт не начинает работать в ИЕ под доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-
При данном доктайпе тоже не работает хак *html в ИЕ 8. Проблемы с кодировкой были при переносе кода сюда - поправил.
-
Помогите кто-нибудь разобраться почему доктайп отключает работы всех хаков? У меня есть страница с ява скриптом и хтмл-кодом, ЦСС которого содержит хаки для ИЕ (*html) ява-код <script type="text/javascript"> $(document).ready(function( ) { $('.otvet').hide(); $('#block_vopros h2').toggle( function() { $(this).next('.otvet').slideDown(700,'swing'); $(this).addClass('close_otvet'); }, function() { $(this).next('.otvet').slideUp(500,'linear'); $(this).removeClass('close_otvet'); } ); }); $(document).ready(function() {$('#toglink0').click( function() { if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) { if ($('#togblock1').css("display")=="block") {$('#togblock0').css("display", "none"); } else {$('#togblock0').css("display", "block"); } } else {$('#togblock0').toggle("slow"); } if ($('#toglink0').text()=='развернуть') {$('#toglink0').text('свернуть'); } else {$('#toglink0').text('развернуть'); } }); }); </script> хтмл код <div id="wrapper"> <div id="block_vopros"> <h2>диагностик ходовой, подвески и рулевого управления <span>720 руб.</span></h2> <div class="otvet"> <p>Производится осмотр на механические повреждения пыльников, сайлентблоков, силовых деталей подвески и рулевого управления. Проверяются люфты и зазоры в рабочих соединениях.</p> </div> </div> </div> <div id="wrapper"> <div id="block_vopros"> <h2>диагностик ходовой, подвески и рулевого управления <span>720 руб.</span></h2> <div class="otvet"> <p>Производится осмотр на механические повреждения пыльников, сайлентблоков, силовых деталей подвески и рулевого управления. Проверяются люфты и зазоры в рабочих соединениях.</p> </div> </div> </div> Если я использую доктайп такого вида: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">, то у меня работают хаки *html, но в ИЕ не будет открываться второй блок с выпадающим текстом. Если использовать доктайп вида: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">, то у меня работает выпадение всех блоков wrapper (2, 3, 4 сколько хочешь), но не работает ни один хак *html. Я первый раз сталкиваюсь с тем, что у меня не работает хак *html, поэтому не могу понять в чем причина. ИЕ у меня 8.0.
-
Здравствуйте! Помогите, разобраться, почему не работает код CSS для наведения на ссылку в Хроме и Сафари. Никогда с таким не сталкивался. Как должно работать в Хроме можно посмотреть тут: http://itk.budennovsk.ru/ CSS ul.nav_top2 { list-style: none; z-index: 999999999; } ul.nav_top2 li { float: left; height: 19px; margin-right: 20px; cursor: pointer; position: relative; z-index: 1; } ul.nav_top2 li a.one{ color: #005ece; padding: 5px 0 6px 10px; } ul.nav_top2 li a.one:hover{ background: #005ece url(i/top_menu_fonleft.gif) no-repeat left; padding: 5px 0 6px 10px; color: white; } ul.nav_top2 li strong{ font-weight: normal; padding: 5px 10px 6px 0px; } ul.nav_top2 li strong:hover{ font-weight: normal; padding: 5px 10px 6px 0px; background: #005ece url(i/top_menu_fonright.gif) no-repeat right; } ul.nav_top2 li ul.lev2 { display: none; position: absolute; left: 0; top: 24px; margin: 0; width: 202px; background: #fcfdfe url(i/nav_top_botfon2lv.png) no-repeat bottom; opacity: 0.8; /* ??????? ???????????? */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); z-index: 999999999; padding-left: 0px; padding-top: 2px; padding-bottom: 2px; margin-left: 0px; } ul.nav_top2 li ul.lev2 a{ color: #005ece; } ul.lev2 li a:hover{ color: white; display: block; padding: 2px 0 0 10px; margin: 0px 0 0 -10px; width: 190px; height: 24px; background: #005ece url(i/top_nav_fon2lv.gif) no-repeat left; } ul.nav_top2 li.one_li ul li{ float: none; display: block; background: none; padding: 5px 0 5px 10px; border-left: 1px solid #307cd7; border-right: 1px solid #307cd7; width: 190px; } ul.nav_top2 li:hover ul { display: block; } HTML <ul id="nav" class="nav_top2"> <li class="one_li"><a href="#" class="one"><strong>Компания</strong></a> <ul class="lev2"> <li><a href="#">Руководство</a></li> <li><a href="#">Лицензии</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Вакансии</a></li> </ul> </li> </ul>
-
Знает ли кто-нибудь решение этой поблемы или она нерешаема и можно использовать только таблицы?
-
Высота выравнивается не по любому слою и не по большему, а именно по правому (right). Параметр heigth: auto - ничего не дает.
-
<style> .boxtext{ position: relative; margin: 0px 4% 0 4%; border: 1px solid #989DB1; background-color: White; } .boxtext .left{ position: relative; float: left; width: 70%; } .boxtext .right{ position: relative; margin-left: 70%; } </style> <div class="boxtext"> <div class="left">текст</div> <div class="right">текст</div> </div> Высота слоя boxtext увеличивается за счет дополнения информации только в слой right. Как сделать так, чтобы высота слоя выравнивалась по любому внутриннему слою?
-
Спасибо огромное!!!
-
Есть проблема в позиционировании внутри слоя. Есть картинка, которую нужно абсолютно отпозиционировать в слое. Картинки нужно разместить так, чтобы они прилипали к слою: одна - вверху влева за слоем, другая - внизу справа за слоем. С размещением первой проблем нет - все кроссобраузерно. Вторая в Explorer позиционируется от окна браузера, а не слоя. Как это решается? .mainbox{ position: relative; margin: 2px 205px 0 202px; background: #F8F8F8; border: 1px solid #F2F2F2; } img.fon_top{ position: absolute; top: -2px; left: -17px; } img.fon_bottom{ position: absolute; bottom: 0; right: -10px; } <div class="mainbox"> <img src="i/main_fon_top.jpg" width="17" height="461" alt="" border="0" class="fon_top"> <img src="i/main_fon_bottom.jpg" alt="" width="10" height="388" border="0" class="fon_bottom"> <p>Текст</p> </div>
-
Спасибо больше - попробую со слоем. А можно скроллингу задать оформление через ЦСС? С помощью каких атрибутов?
-
вот как раз фреймом, не хотелось бы вообще ... дело в том, что сайт реализован на CMS NetCat, а чтобы NetCat работал в фреймами ему надо мозги вправлять, что очень бы не хотелось делать. Нет ли аналагов в реализации данного элемента через ява или ХТМЛ без фреймов?
-
Помогите, пожалуйста, найти технологию реализации элемента дизайна, указанного на картинке (окна со скроллингом с раличными элементами внутри). http://www.golovachev.ru/505/111.jpg