YaD

так... как сделать превьюшку и всплывающую картинку я нашел (overflow). А вот как затемнять фон.... мда... нашел как реализовать на jquery. Тему можно закрыть.

Здравствуйте. Интересует следующее: на странице есть изображения-превьюшки, как сделать так, чтобы при клике на изображение-превью, картинка отображалась в полном размере, а остальной фон затемнялся? Можно ли это реализовать средствами css или требуется js?

ап

хм, у меня опера 10.53 все нормально отображает.

Вот такое выпадающее меню я имею ввиду.

Реализую выпадающее горизонтальное меню по такому принципу: <ul class="menu-h-d"> <li><a href="/index.html" title="">Главная</a></li> <li><a href="/product.html" title="">Продукция и услуги</a> <ul> <li><a href="/prod.html" title="" >Продукция</a></li> <li><a href="/arenda.html" title="">Аренда</a></li> </ul> </li> <li><a href="/docs.html" title="">Документы</a> <ul> <li><a href="/ustav.html" title="">Устав</a></li> <li><a href="/otchet.html" title="">Годовые отчеты</a></li> <li><a href="/dir.html" title="">Совет директоров</a></li> </ul> </li> <li><a href="/contact.html" title="">Контакты</a> <ul> <li><a href="/adress.html" title="">Адрес, телефон</a></li> <li><a href="/proezd.html" title="">Схема проезда</a></li> </ul> </li> <li><a href="/friends.html" title="">Сотрудничество</a> <ul> <li><a href="/forma.html" title="">Прием заказов</a></li> <li><a href="/recv.html" title="">Реквизиты</a></li> </ul> </li> <li><a href="http://oaoniim.ru/news/news.php?id=oll_news" title="Новости">Новости</a></li> <li><a href="/about.html" title="">Об институте</a></li> </ul> CSS: .menu-h-d { min-height: 24px; border-left: 0px solid #fff; } .menu-h-d li { float: left; display: block; position: relative; border: 0px solid #fff; border-width: 1px 1px 1px 0px; list-style-image: url ('/img/tr.jpg'); font-size: 11pt; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: none; margin: 0; /* Нет отступов вокруг */ padding: 0; font-size: 11pt; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 0px 0px 0px 0px; } .menu-h-d li:hover { color: black; } .menu-h-d a:hover { background-image: url ('/img/tr.jpg'); color: red; } .menu-h-d li:hover ul, .menu-h-d li:hover ul li:hover ul, .menu-h-d li:hover ul li:hover ul li:hover ul { display: block; } .menu-h-d li:hover ul ul, .menu-h-d li:hover ul li:hover ul ul { display: none; } В ИЕ, ФФ меню отображается нормально. В опере 10.50 вместо динамического меню отображается обычная строчка с ссылками первого уровня. В чем проблема и что посоветуете?

Аналогично) Юзаю оперу для серфинга, ибо быстро и удобно. ИЕ и ФФ в основном использую для проверки верстки сайта. (хотя 98% времени верстки желаю скорой смерти всем разработчикам ИЕ). Хром мне как-то не очень, хоть и самый шустрый из всех браузеров.

ИМХО, дизайн бородат. Я бы порекомендовал сменить его)) А если точнее: зачем вам какие-то непонятные свитки и не совсем вменяемые выпадающие списки (под невменяемостью я подразумеваю оформление). Как уже говорилось выше - дизайн был бы в тему лет 15 назад...

хм, через полгода оживлять тему...)

Может вам нужно прописывать не относительный путь типа _<a href="/index.html">для обращения к файлу, лежащему на хосте с вашей страничкой, а полный путь _<a href="http://www.res.ru/index.html"> для ссылки на фай, наход. на другом хосте??? Иначе нафига убирать?

- вот такая картина в осле (7) и файрфоксе. В опере и сафари все ок. Контент будет статичным.

http://osw.wallst.ru/ - закинул на другой хост. Та же проблема с пустым местом. mishka2 - благодарю.

Короч, делаю сайт, примерный макет разместил пока что на народе - http://osw67.narod.ru Проблемы: 1) В ie не отображается на главной маркера списка (и не только на главной, во всем документе). 2) В ie и огнелисе, например здесь - http://osw67.narod.ru/cost.html под копирайтами дохрена свободного места. Перебрал css, код - все вроде нормально. Причем в опере и сафари отображается корректно. Подскажите: что делать с маркерами списков и откуда появляется пустое место? И да, почему ie не обрабатывает <br>? Использовать другой доктайп и <br />?