Jump to content

pbeloysov

Newbie
  • Posts

    14
  • Joined

  • Last visited

pbeloysov's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Спасибо. Теперь во всем разобрался. alexandr_v-vich, история кончилась тем, что я переписал скрипт выпадающих блоков.
  2. В общем, все это окончательно вымотало мне мозг, поэтому решил просто переписать скрипт вывода блоков...
  3. Также не работает хак *html. Я, честно говоря, в первые за 5 лет верстки столкнулся с тем, чтобы не работал хак *html. Правки для скрипта тоже не помогают... Скрипт не начинает работать в ИЕ под доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  4. При данном доктайпе тоже не работает хак *html в ИЕ 8. Проблемы с кодировкой были при переносе кода сюда - поправил.
  5. Помогите кто-нибудь разобраться почему доктайп отключает работы всех хаков? У меня есть страница с ява скриптом и хтмл-кодом, ЦСС которого содержит хаки для ИЕ (*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.
  6. Здравствуйте! Помогите, разобраться, почему не работает код 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>
  7. Знает ли кто-нибудь решение этой поблемы или она нерешаема и можно использовать только таблицы?
  8. Высота выравнивается не по любому слою и не по большему, а именно по правому (right). Параметр heigth: auto - ничего не дает.
  9. <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. Как сделать так, чтобы высота слоя выравнивалась по любому внутриннему слою?
  10. Есть проблема в позиционировании внутри слоя. Есть картинка, которую нужно абсолютно отпозиционировать в слое. Картинки нужно разместить так, чтобы они прилипали к слою: одна - вверху влева за слоем, другая - внизу справа за слоем. С размещением первой проблем нет - все кроссобраузерно. Вторая в 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>
  11. Спасибо больше - попробую со слоем. А можно скроллингу задать оформление через ЦСС? С помощью каких атрибутов?
  12. вот как раз фреймом, не хотелось бы вообще ... дело в том, что сайт реализован на CMS NetCat, а чтобы NetCat работал в фреймами ему надо мозги вправлять, что очень бы не хотелось делать. Нет ли аналагов в реализации данного элемента через ява или ХТМЛ без фреймов?
  13. Помогите, пожалуйста, найти технологию реализации элемента дизайна, указанного на картинке (окна со скроллингом с раличными элементами внутри). http://www.golovachev.ru/505/111.jpg
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy