corol
-
Posts
20 -
Joined
-
Last visited
corol's Achievements
Explorer (1/14)
0
Reputation
-
неподвижные картинки сделаны как 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>, в начале списка. Но наверно не то. Подскажите пожалуйста.