@LEXXX_NF
-
Posts
60 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by @LEXXX_NF
-
Что-то я не понял вашей математики, но смысл в том, чтобы при низких разрешениях поля не занимали драгоценное место.
-
У меня есть только словесное описание дизайнера, попробую изобразить: В общем тут: 1. При разрешении < 1024 полей нет, всё пространство занято контентом. 2. При большем разрешении появляются поля (на картинке я написал 8%, но это не обязательно). 3. При разрешении > 1280 поля должны составлять 8% от ширины окна. 4. При этом область контента должна тянуться только до 1440px в ширину. * Что должно происходить с полями в интервале разрешений от 1024 до 1280 - неизвестно, поля просто должны быть.
-
shvv, rus, спасибо за варианты. Great Rash, я рад, что для тебя такие задачки просты, ты, наверно, кучу собак на этом съел, молодец!
-
Столкнулся с таким пожеланием дизайнера: - сайт должен растягиваться; - при этом у сайта есть поля слева и справа от области контента. При разрешении >= 1280px, эти поля составляют 8% от ширины. - при разрешении <= 1024 поля должны исчезать и всё пространство браузера должна занимать область контента. - при разрешении 1024 - 1280 с поля просто должны быть, видимо, какого-то переходного размера. Интересно, вообще возможно, чтобы поля то были, то не были? Разумеется, всё это без javascript'а.
-
Метод самого rollover'а предельно прост - описание и сам найдёшь. А вот пример кода: <!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"> <head> <style type="text/css"> #menu { height: 43px; padding: 0; margin: 0; overflow: hidden; zoom: 1; list-style: none; } #menu li { height: 43px; padding: 0; margin: 0; float: left; position: relative; } #menu a { width: 100%; height: 43px; position: absolute; top: 0; left: 0; background: url('./img/menuSprite.png') no-repeat; } #menu .item-0 { width: 213px; } #menu .item-0 a { background-position: 0 0; } #menu .item-0 a:hover { background-position: 0 -44px; } #menu .item-0 a.act { background-position: 0 -88px; } #menu .item-1 { width: 182px; } #menu .item-1 a { background-position: -213px 0; } #menu .item-1 a:hover { background-position: -213px -44px; } #menu .item-1 a.act { background-position: -213px -88px; } #menu .item-2 { width: 195px; } #menu .item-2 a { background-position: -395px 0; } #menu .item-2 a:hover { background-position: -395px -44px; } #menu .item-2 a.act { background-position: -395px -88px; } #menu .item-3 { width: 155px; } #menu .item-3 a { background-position: -590px 0; } #menu .item-3 a:hover { background-position: -590px -44px; } #menu .item-3 a.act { background-position: -590px -88px; } </style> <title>RolloverMenu</title> </head> <body> <ul id="menu"> <li class="item-0">item-0<a href="#"></a></li> <li class="item-1">item-1<a href="#" class="act"></a></li> <li class="item-2">item-2<a href="#"></a></li> <li class="item-3">item-3<a href="#"></a></li> </ul> </body> </html> Картинка для этого кода:
-
Мда, понятно. Спасибо за участие!
-
Исходные данные: - есть много больших статей - есть много юзеров Надо сделать так, чтобы юзер мог выделить нужное место в тексте на странице и сохранить ссылку на это место где-то в своём профиле. Сохранить ссылку на страницу легко, а вот как сохранить ссылку на конкретное место в тексте? Мне в голову пришел только вариант с динамической подстановкой якоря в текст. Но тут есть сложность: как определить то место в тексте, куда надо вставить якорь? Причём место для якоря надо определять 2 раза: сначала при сохранении закладки по пользовательскому выделению, то есть JavaScript'ом; а потом с помощью PHP подставить в это мето якорь. Или может быть есть какое-то более изящный способ?
-
Вместо document.write пиши document.getElementById('puthere').innerHTML = 'текст';
-
Не подскажу. Делать плохо тебя и гугла научит
-
Скрипт, который ты передаешь в ответе сервера не выполняется. Таков уж аякс. Я вижу 2 решения. 1) Правильное: отдавать не скрипт и картинку, а true/false. На стороне клиента смортеть, что пришло и в зависимости от этого выставлять нужную картинку и делать редирект. 2) Не очень правильно: вырезать из ответа содержимое тега script. Создать тег script, поместить в него вырезанное и полученное приаппендить к тегу head, тогда скрипт выполнится. 3) Еще раз не очень правильно: вырезать из ответа содержимое тега script и прогнать через eval. 4*) Еще можно использовать всякие AJAX-фреймворки, которые автоматически делают пункты 2 или 3. jQuery делает, поэтому он и работал.
-
Ух, ты! И как я сам не догадался? Наверно совсем глаз замылился. Правда пришлось чуточку доработать: h1 { overflow: hidden; } h1 span { top: 0; left: 0; }
-
Есть горизонтальное меню с rollover'ом на CSS. Меню чисто графическое, так как шрифт нестандартный, поэтому никакого текста нет. Есть какие-нибудь варианты добавления текста, чтобы видно было только, когда отключены картинки? А то юзеры с отключёнными картинками страдают, поисковые машины тоже страдают, но для них есть обходные пути...
-
Какие только события я не пробовал генерить на разных объектах страницы - ничего. Придётся всё-таки через флеш с этим разбираться.
-
Благодарю за участие!
-
К сожалению, у меня не потоковые ролики, а простые открытки. Вряд ли их можно показывать через этот плеер.
-
Неужели никто никогда такого не делал? Очень надо!
-
Задача такая: 1. Есть несколько картинок-превьюшек. 2. Есть область куда выводится флеш-ролик. 3. При клике не картинку нужно менять флеш-ролик. В общем, должно получиться, что-то вроде галереи для просмотра флеш-роликов. Что я уже попробовал: 1. Вставлю флеш таким кодом: <object type="application/x-shockwave-flash" data="flash.swf" width="244" height="400"> <param name="movie" value="flash.swf" /> </object> Этот ролик гурзится по-умолчанию и вроде везде нормально отображается. 2. По клику на картинке заменяем в указанном коде атрибуты data и value. В FF работает, в IE - нет. 2a. По клику на картинке удаляем весь тег object и вместо него вставляем html с уже прописанными параметрами. Работает в FF. В IE ролик не обновляется пока его не попытаться выделить мышкой. Есть ли какое-нибудь нормальное кросс-браузерное решение? P.S. В проетке используется jQuery.
-
Не могу согласиться, что этот вариант зазебрит таблицу правильно. Хотя конечно все зависит от того, что считать правильным. Я считаю, что зебриться должно не только тело таблицы, но и шапка с подвалом. А чтобы так сделать, их придётся зебрить по отдельности, как в примере про tbody. Только для tbody придется отслеживать количество строк в thead - ну, чтобы правильно продолжить полосовать, аналогично для tfoot. Короче, овчинка выделки не стоит ИМХО.
-
А кто сказал, что длина массива вычисляется на каждой итерации? Судя по синтаксису здесь идёт обращение к свойству объекта, что не многим медленнее обращения к переменной - и никаких вычислений. А вообще, вряд ли кто-то сможет точно сказать, что происходит в браузере при таком вызове, особенно, учитывая количество реализаций JavaScript'a. Зависит от браузера, а точнее от того, в каком порядке он выстроит в DOM'е строки. Поскольку мне ни разу не приходилось пользоваться такой приблудой как thead или tbody, а tfoot - крайне редко, не сичтаю эту особенность работы скрипта критичной
-
Я позволил себе малость доработать функцию. function zebraze(tableClass, oddClass, evenClass){ if(typeof(oddClass) == "undefined") oddClass = 'o'; if(typeof(evenClass) == "undefined") evenClass = 'e'; var els = document.getElementsByTagName('table'); var pattern = new RegExp("(^|\\s)"+tableClass+"(\\s|$)"); for(var i = 0; i < els.length; i++) if(pattern.test(els[i].className)) for(var j = 0; j < els[i].rows.length; j++ ) els[i].rows[j].className += ' ' + (j&1 ? oddClass : evenClass); } Изменения: функция принимает класс таблиц, а не ID. То есть теперь можно озебрить несколько таблиц на странице. функция не меняет существующие классы строк, а дописывает к ним новые. при вызове классы для четных и нечетных строк можно не указывать. По-умолчанию это 'e' и 'o'; Лично мне так удобнее.
-
Декоративное подчеркивание многострочного текста
@LEXXX_NF replied to @LEXXX_NF's question in HTML Coding
Проблему решил заменой padding'ов на margin'ы в списках. -
Нужно сделать ссылкам пунктирное подчеркивание. Обычно, текст ссылок знимает 2 строки или больше. Выставил line-height, подобрал размер aоновой картинки и все получилось, но только не в IE. Подскажите, как побороть осла?
-
Огромное спасибо, что указал, куда копать. Оказывается есть такая функция preg_replace_callback, которая как раз делает то, что надо
-
Имеется такая проблема: нужно заменить строчку вида "[myTag:D1.D2]" (где D1 и D2 - числа), на нечто вида "<картинка1> D1 <картинка2> D2". При этом, если D1 отсутствует, то <картинка1> тоже не должна выводиться. С D2 - аналогично. Первое, что пришло на ум - использовать eregi_replace: $rslt = eregi_replace("\[myTag:([0-9\]*)\.?([0-9\]*)\]", fnc("\\1", "\\2"), $rslt); function fnc($s, $с){ $r=''; if(!empty($s)) $r .= '<картинка1> ' . $s . ' '; if(!empty($c)) $r .= '<картинка2> ' . $c; return $r; } Разумеется, это нифига не работает, потому что переменные $s и $с никогда не бывают пустыми. Есть какая-нибудь возможность реализовать на PHP подобную замену?
-
CSS весь тут: style="direction: rtl; Может так будет понятнее: <!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"> <head> <title>Список</title> <style type="text/css"> ul { direction: rtl; } </style> </head> <body> <ul> <li>пункт раз</li> <li>пункт два</li> <li>пункт три</li> <li>пункт четыре</li> </ul> </body> </html>