Jump to content

corol

Newbie
  • Posts

    20
  • Joined

  • Last visited

Everything posted by corol

  1. неподвижные картинки сделаны как background к элементам html и body. При прокрутке содержимое наползает на картинки. Можно ли их поднять над содержимым? Через z-index что-то не работает. Я подозреваю, что html и body по умолчанию ниже всех, и поднять не получится. Это так?
  2. Размер дива в процентах, длина фразы в h3 может быть разная. Получается только фиксированная ширина. А надо, что бы бэкграунд был только по ширине фразы.
  3. Объясните пожалуйста, как сделать бэкграунд на длину заголовка, размещённого в тэгах <h3></h3>. То получается на всю длину дива. Спасибо.
  4. Объясните, пожалуйста. Есть страница на двух таблицах. Возможно ли сделать так, чтобы ссылки открывались не в новом окне или вкладке, а в определённой <td> ячейке? Если возможно, то как.
  5. Показывает так. Большое спасибо. Утром буду разбираться в Ваших изменениях. А почему сейчас страница открывается и меню тоже всё открыто. И можно ещё вопрос по IE. Mozilla левый и правый DIV-ы показывает по их размерам, а IE обрамляет только текст. Это нормально? Заранее благодарен.
  6. Доктайп я поставил, но никаких изменений в поведении страницы не увидел. (может опыта мало). Меню 2-го уровня это Третий 1 и 2, Четвёртый 1-2-3-4. И хочу я чтобы эти Третий 1-2 и Четвёртый 1-2-3-4. Не прятались в родном Div-е, а показывались на фоне нижнего. Прочитал про слои, но ничего не добился.
  7. Какое отношение доктайп имеет к позиционированию меню?
  8. Не знаю как сделать, чтобы подменю не скрывалось в блоке, а появлялось по верху. В Mozille два вертикальных div-а растягиваются по размеру страницы, а в IE обтягивают текст. Это нормально? <STYLE type=text/css> body { overflow: hidden; padding: 0; margin: 0; width: 100%; height: 100%; } #header {padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; overflow: hidden; border: 1px solid #ccc; background-color: #ffd; } #left { padding: 0; margin: 0; position: absolute; top: 100px; left: 20px; bottom: 20px; overflow: auto; width: 200px; border: 1px solid #aff; } #right { padding: 0; margin: 0; position: absolute; top: 100px; left: 240px; right: 20px; bottom: 20px; overflow: auto; border: 1px solid #fcc; } .top-menu { list-style: none; } .top-menu li{ float: left; width: 15%; list-style: none; } .top-menu li ul{ margin: 0px; padding: 0px; margin-top: 5px; display: none; } .top-menu li ul li{ float: none; } </STYLE> </head> <body> <div id="header"> <ul class="top-menu"> <li>Первый</li> <li>Второй</li> <li>Третий <ul> <li>Третий 1</li> <li>Третий 2</li> </ul> </li> <li>Четвёртый <ul> <li>Четвёртый 1</li> <li>Четвёртый 2</li> <li>Четвёртый 3</li> <li>Четвёртый 4</li> </ul> </li> <li>Пятый</li> <li>Шестой</li> </ul> </div> <div id="left"> <p>Навигация</p></div> <div id="right"> <p>Информация</p></div> </body>
  9. Спасибо всем, кто откликнулся. Я нашёл причину, по которой скрывалось подменю. но осталась проблема с прыганьем.
  10. Не знаю уже, почему IE срывает подменю, а в Mozille при наведении на самый нижний пункт меню, оно начинает прыгать. <script type="text/javascript"> $(document).ready(function(){ $('.topmenu li').hover( function() { $(this).find('ul:first').slideDown(); }, function() { $(this).find('ul:first').slideUp('fast'); } ); $('.topmenu li:has(ul)').find('a:first').append('»'); }); </script> <style type="text/css"> body { margin: 0 auto; padding: 0; font: 75%/120% Arial, Helvetica, sans-serif; } a:focus { outline: none; } .topmenu { float:left; } .topmenu ul, .topmenu ul li{ list-style:none; margin: 0; padding: 0; } .topmenu ul li { position:relative; width:140px; } .topmenu ul li a{ display:block; padding:10px 10px 10px 30px; background:url('images/window.gif') no-repeat 10px center; color: #0000FF; text-decoration: none; border:1px solid #999; margin:1px; } .topmenu ul li a:hover{ color: #0000CC; background-color:#eee; } .topmenu ul li ul { display: none; position: relative; top:0px; left:px; } </style> </head> <body> <div class="topmenu" style="width: 497px; height: 673px"> <ul> <li><a href="#">О компании</a> <li><a href="#">Услуги</a> <ul> <li><a href="#">Ремонт</a></li> <li><a href="#">Перевозки</a></li> </ul> </li> <li><a href="#">Товары</a> <ul> <li><a href="#">Moulinex</a> <ul> <li><a href="#">Комбайны</a></li> </ul> <li><a href="#">Krups</a> <ul> <li><a href="#">Кофеварки</a></li> </ul> </li> </ul> </div> Заранее благодарен.
  11. Попробовал для li display: block. Ничего. Вот начальный код. <ul id="igm-1"> <li><a href="#">Tefal</a></li> <li><a href="#">Moulinex</a></li> <li><a href="#">LG</a></li> <li><a href="#">Moulinex</a></li> <li><a href="#">LG</a></li> </ul> #igm-1 { background-image: url(image/back.gif); background-repeat: no-repeat; } #igm-1 a {color: #fff; }
  12. На список <ul> поставил фон, и обрезается нижний край фона. Край появляется только при переполнении строками <li> размера картинки. Изменял высоту картинки, давал отступы, не помогает.
  13. Спасибо за отклик. Честно говоря, я мало чего понял, можно я выложу текст, я вы подстроите этот код мод меня. Заранее благодарен.
  14. Помогите написать скрипт для выпадающего меню под IE. Дайте, может алгоритм работы. Буду пробовать сам.
  15. Я нашёл, только что <ul id="nav"> надо поставить вместо <ul>, в начале списка. Но наверно не то. Подскажите пожалуйста.
  16. Доброго времени суток. Вот первоначальный код, только его надо было рассовать по файлам. Вот что получилось. <ul id="nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul></li> <li><a href="#">Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Internet Marketing</a></li> <li><a href="#">Hosting</a></li> <li><a href="#">Domain Names</a></li> <li><a href="#">Broadband</a></li> </ul></li> <li><a href="#">Contact Us</a> <ul> <li><a href="#">United Kingdom</a></li> <li><a href="#">France</a></li> <li><a href="#">USA</a></li> <li><a href="#">Australia</a></li> </ul></li></ul> ul { margin: 0; padding: 0; list-style: none; width: 150px; } ul li { position: relative; } li ul { position: absolute; left: 149px; top: 0; display: none; } ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; } ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; } li:hover ul { display: block; } li:hover ul, li.over ul { display: block; } /* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ tartList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace » (" over", ""); } } } } } window.onload=startList; Вот всё, что есть. Буду очень благодарен.
  17. Вы наверно не прочитали первое сообщение. Не работает только в IE. К Mozille претензий нет. Если можете помочь, помогите разобраться. Но если Java виноват, то я пас. Пока я в ней ничего не понимаю. Прошу извинить.
  18. Запустил оригинальный код, IE выдаёт ошибку, что не хватает точки с запятой. Ссылается на html-файл. Даже уже не знаю где искать. Там, где IE говорит, столько символов нет в этой строке. Помогите.
  19. Я взял готовый скрипт меню и изменил там html-код и css-код. Может ли быть такое, что меню перестанет работать в IE6. В Mozille всё работает. Или надо ещё Java-скрипт изменять под новые данные?
  20. Можно ли в этом меню изменить стиль sub-menu. <ul> <li><a href="#">Домой</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul> <li><a href="#">Ремонт</a></li> <li><a href="#">Перевозки</a></li> </ul> </li> <li><a href="#">Как нас найти</a></li> <li><a href="#">Реквизиты</a></li> </ul> ul { margin: 0; padding: 0; list-style: none; width: 150px; } ul li { position: relative; } li ul { position: relative; left: 0; top: 0; display: none; } ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; } ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; } i:hover ul { display: block; } li:hover ul, li.over ul { display: block; } <ul id="nav"> Или как переделать под такие параметры?
×
×
  • 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