hAhol
-
Posts
20 -
Joined
-
Last visited
hAhol's Achievements
Explorer (1/14)
0
Reputation
-
Хм..я об этом не подумал. А сейчас, закомментировав нужную часть CSS, убедился.. Большое спасибо за разъяснение, надо лучше изучить вопрос А возможно ли это как-то обойти? Ведь два других вышеозначенных браузера умудряются понять z-index в удобном мне ключе Я понимаю, что кардинальное решение проблемы - не использовать масштабирование средствами CSS и переключиться на что-то другое. И скорее всего это будет надежней, что ли. Даже если привязаться к размеру div'а. Но возможно ли обойтись "малой кровью"? ЗЫ В любом случае, поняв суть проблемы теперь я смогу решить её. Просто интересно
-
доброго всем времени суток Хочу спросить помощи, так как самостоятельно не могу решить задачку. Суть изложена в названии темы - моя цель сделать некий div ссылкой. На страничке имеется выпадающая менюшка, сделанная на jQuery и CSS. Под ней есть див с картинкой внутри. Я использую ShadowBox, в итоге код получился для конструкции такой: <div id="имя"> <a href="путь" rel="shadowbox;width=640;height=480" title="что-то"> <img src="путь" title="что-то" alt="название" class="pic"/> </a> </div> У менюшки описан z-index: 5, ввиду того что картинка обновляется скриптом и иногда возникает эффект "мерцания" этой самой менюшки. То бишь перекрывается она. Сворачивается и не всегда разворачивается обратно. Для div'а z-index не описан, а для класса pic он описан в -1 (использую для масштабирования средствами CSS - вариация на это) Проблема выглядит так: в IE8 и Опере 10.50 все работает, менюшка красивая и ссылки нажимаются да и картинки обновляются. А вот в огнелисе 3.6 не работают ссылки. Остальное без проблем. Я тут же двинулся к валидатору, однако он выдает зеленую карточку Тогда я решил поэкспериментировать с z-index у меню и картинок с div'ами. Однако в огнелисе ссылки так и не нажимаются, хотя менюшка "испортилась" морганием так же, как и в осле с оперой. Да, под неработоспособностью ссылки я имею ввиду то, что огнелис в принципе как ссылку этот объект не воспринимает. Даже если нажать правой кнопкой мыши. Для него это просто картинка. Доктайп странички: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Для ссылок в CSS описаны только цветовые параметры (посещенная и не посещенная). Еще я точно знаю, что раньше у меня в огнелисе все работало. Собственно я в нем всегда и делал (FireBug в помощь ). Потом огнелис обновился, а я подкручивал для корректного отображения в IE - и когда открыл в лисичке, то получил такую головоломку. К сожалению, я не помню на которой версии у меня точно работало. z-index у менюшки и класса pic не менялся с тех пор, как все работало в лисе. Я постарался описать максимально полно суть возникшей проблемы и все пути, что я попробовал. Буду благодарен за любую идею, заранее спасибо.
-
Утрируете, уважаемый
-
[offtopic] А разве обязательно изобретать велосипед? Можно же взять готовые решения и переделать под себя. В интернете масса свободнодоступных менюшек - от просто выпадающих до "аккордеонов" разной ориентации. [/offtopic]
-
Большое спасибо Очень помогли. Да, он умеет веб-камеры, но только по RTMP. Буду разбираться Еще раз спасибо
-
Доброго времени суток Не получается ответить на вопрос один, может подскажете.. Имеется камера, к которой доступ только по сети, благо что под админом. Все контакты с ней возможны только через ослика, так как всё завязано на ActiveX. Камера вот - http://91.151.240.240/ Получается, что ввожу логин-пароль - она проверяет, что мне можно. И если можно смотреть, то показывает. Кажется всё просто.. Меня интересует - можно ли выдрать видео-поток куда-то отдельно? Скажем вставить объектом в страничку, которая сможет открываться везде, а не только в ИЕ? Я понимаю, что тут будет небольшая запинка с рассказом камере, кто к ней подключился. Я что-то попользовал гугл, но так и не понял - возможно ли отделение видеопотока.. Просто если можно это сделать, то я буду искать как Потому при ответе "да, можно", я бы очень был благодарен паре слов о направлении поисков Моей целью является прикрутить эту камеру к другим, что у меня уже есть на одной страничке. Остальные камеры просто отдают стоп-кадры, которые я отображаю (перезагружая картинку через равные промежутки, получая видимость "живой" камеры). Разумеется, данную камеру тоже можно научить делать стоп-кадры, но к ней (в отличие от других) я имею доступ, а потому есть идея прикручивать именно видеопоток, а не стоп-кадры. Заранее спасибо
-
ShadowBox В некоторых случаях из пушки по воробьям, но данный скрипт очень хорош. ИМХО, разумеется
-
Подменить src изображений в таблице, для их обновления..
-
Добрый день всем. Подсмотрел на одной страничке скриптик: function refr() { var bk = document.getElementById("t"); if(!bk) return false; var el = bk.getElementsByTagName("img"); if(!el) return false; var ell = el.length; var d = new Date(); var par = d.getHours() + "" + d.getMinutes(); for(var i = 0; i < ell; i++) { el[i].src = el[i].src + "?par=" + par; } } var tm = setInterval("refr()", 1000); Он обновляет картинки методом замены src. Сначала обращается к таблице (первая строка, id "t"). Потом собственно к картинкам (tag "img"). А потом начинает на основе даты мотать src (обновление раз в секунду). Не смог в оригинале найти управление данным скриптом. Если пользую в таком виде, неплохо кушает процессорное время и запасы RAM. Не мог бы кто подсказать, в какую сторону копать? Я так понимаю, надобно время от времени очищать кэш.. Или ерунду собираю?
-
#myslidemenu { position: relative; z-index: 100; display: table; table-layout: auto; } Это в теле моей странички. Ссылаюсь на id div'а, в котором меню. Собственно, два последних параметра заставляют (я так думаю) быть его резиновым. А это - .jqueryslidemenu{ font: bold 12px Verdana; background: #414141; margin: 0 auto; в css файле меню самого. Класс того же самого div'а. Зачем margin, понятно
-
Спасибо, но тут "или-или". Либо автоподгонка размера с помощью "float: left" в классе этого меню, либо выравнивание по центру с помощью "margin: 0 auto". Я нашел другое решение (кажется ): в свойствах CSS я указываю менюшке по её id два параметра: "display: table; table-layout: auto;". А в CSS-файле самого меню (там все по классам) говорю "margin: 0 auto". Усе работает Если еще и у заказчика заработает, то я счастлив
-
Экспериментирование - самое главное Как правило именно там рождается истина. Или очередной велосипед :-D По теме - да, мне желательно резиновый width и по центру верхнего края экрана. Первое - из-за того, что данное меню на другом разрешении выглядит не так - расползается на две строчки (последний Folder переносится на "новую" строку). А по центру - из-за эргономики и любви к симметрии У меня там преимущественно картинки в ячейках, если не по центру (а как в случае "float: left" слева) то одна из ячеек частично перекрывается. Я понимаю, очень мало, но тем не менее. Не эстетично. Плюс заказчик тоже кривит личность...
-
Можно я здесь же спрошу про саму менюшку? Вот её css: .jqueryslidemenu{ font: bold 12px Verdana; background: #414141; min-width: 392px; width: 392px; max-width: 500px; margin:0 auto; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: block; background: #414141; /*background of tabs (default state)*/ color: white; padding: 8px 10px; border-right: 1px solid #778; color: #2d2b2b; text-decoration: none; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: white; } .jqueryslidemenu ul li a:hover{ background: black; /*tab link background during hover state*/ color: white; } /*1st sub level menu*/ .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a{ font: normal 13px Verdana; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ background: #eff9ff; color: black; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } Мои изменения - min-width, max-width и значение width в описании первого класса. Мне нужно, чтоб полосочка, на которой располагается меню (первый класс её описывает, как я понимаю) автоматически изменяла ширину под содержимое, что там будет. Ну и не зависела от разрешения/размера. Как это сделать? Вместо всех width'ов можно вставить float:left, и это решает задачу, но тогда меню не по центру... И я не могу пользоваться связкой left: 50% + margin-left: -xx, так как ширина не фиксирована
-
Я не в курсе Лайтбокс и тинибокс были отклонены потому, что не могут того, что мне надо. Потому пришел к лайтвиндоу. А скорость шэдоу меня вполне устраивает, тем более она настраивается, как я понял.
-
Проблема решилась использованием ShadowBox'а. Большое спасибо за помощь