corol
-
Posts
20 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by corol
-
неподвижные картинки сделаны как background к элементам html и body. При прокрутке содержимое наползает на картинки. Можно ли их поднять над содержимым? Через z-index что-то не работает. Я подозреваю, что html и body по умолчанию ниже всех, и поднять не получится. Это так?
-
Размер дива в процентах, длина фразы в h3 может быть разная. Получается только фиксированная ширина. А надо, что бы бэкграунд был только по ширине фразы.
-
Объясните пожалуйста, как сделать бэкграунд на длину заголовка, размещённого в тэгах <h3></h3>. То получается на всю длину дива. Спасибо.
-
Объясните, пожалуйста. Есть страница на двух таблицах. Возможно ли сделать так, чтобы ссылки открывались не в новом окне или вкладке, а в определённой <td> ячейке? Если возможно, то как.
-
Показывает так. Большое спасибо. Утром буду разбираться в Ваших изменениях. А почему сейчас страница открывается и меню тоже всё открыто. И можно ещё вопрос по IE. Mozilla левый и правый DIV-ы показывает по их размерам, а IE обрамляет только текст. Это нормально? Заранее благодарен.
-
Доктайп я поставил, но никаких изменений в поведении страницы не увидел. (может опыта мало). Меню 2-го уровня это Третий 1 и 2, Четвёртый 1-2-3-4. И хочу я чтобы эти Третий 1-2 и Четвёртый 1-2-3-4. Не прятались в родном Div-е, а показывались на фоне нижнего. Прочитал про слои, но ничего не добился.
-
Какое отношение доктайп имеет к позиционированию меню?
-
Не знаю как сделать, чтобы подменю не скрывалось в блоке, а появлялось по верху. В 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>
-
Спасибо всем, кто откликнулся. Я нашёл причину, по которой скрывалось подменю. но осталась проблема с прыганьем.
-
Не знаю уже, почему 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> Заранее благодарен.
-
Попробовал для 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; }
-
На список <ul> поставил фон, и обрезается нижний край фона. Край появляется только при переполнении строками <li> размера картинки. Изменял высоту картинки, давал отступы, не помогает.
-
Спасибо за отклик. Честно говоря, я мало чего понял, можно я выложу текст, я вы подстроите этот код мод меня. Заранее благодарен.
-
Помогите написать скрипт для выпадающего меню под IE. Дайте, может алгоритм работы. Буду пробовать сам.
-
Я нашёл, только что <ul id="nav"> надо поставить вместо <ul>, в начале списка. Но наверно не то. Подскажите пожалуйста.
-
Доброго времени суток. Вот первоначальный код, только его надо было рассовать по файлам. Вот что получилось. <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; Вот всё, что есть. Буду очень благодарен.
-
Вы наверно не прочитали первое сообщение. Не работает только в IE. К Mozille претензий нет. Если можете помочь, помогите разобраться. Но если Java виноват, то я пас. Пока я в ней ничего не понимаю. Прошу извинить.
-
Запустил оригинальный код, IE выдаёт ошибку, что не хватает точки с запятой. Ссылается на html-файл. Даже уже не знаю где искать. Там, где IE говорит, столько символов нет в этой строке. Помогите.
-
Я взял готовый скрипт меню и изменил там html-код и css-код. Может ли быть такое, что меню перестанет работать в IE6. В Mozille всё работает. Или надо ещё Java-скрипт изменять под новые данные?
-
Можно ли в этом меню изменить стиль 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"> Или как переделать под такие параметры?