Jump to content

pbeloysov

Newbie
 View Profile  See their activity

  • Posts

    14

  • Joined

  • Last visited

 Content Type 

Everything posted by pbeloysov

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

  I accept