Изучать jquery я начал пару месяцев назад по долгу службы, и очень скоро понял насколько это удобно. Причем не только если разрабатываешь какое-нибудь ajax-приложение, но и в более мелких вещах — таких как простенькие анимации, выпадающие менюшки и тд.
В этой статье я опишу как можно с помощью jquery обычное многоуровневое меню сделать раскрывающимся без правки исходного html-кода. Для этого допустим, что на сайте есть такое меню:
Вот и подоспела третья статья из цикла «Работа с CSS: основы». Если ваши познания каскадных таблиц стилей оставляют пока желать лучшего, и вы не читали предыдущие статьи, то вот вам ссылки:
Итак — сегодня мы с вами сделаем обычную раскладку из трех колонок — левой, правой и центральной. Примерно такую же, как изображена на рисунке. Сделаем ее растягивающейся — так сейчас модно. Левая колонка будет фиксированной ширины 250px, а правая и центральная — будут зависеть от ширины окна. Будем писать в соответствии со стандартом W3C HTML 4.01 (для этого укажем соответствующий doctype).
HTML-код будет такого вида:
Сегодня мы с вами сделаем простую, но интересную фишку - уравняем высоту двух (можно более) независимых html-блоков. Пример такого можно увидеть на главной странице этого сайта.
Сегодня передо мной возникла одна небольшая проблемка: как сделать flash-ку ссылкой. Поясню - у меня есть флешевый баннер, в котором не зашит getUrl(), и нужно, не пересобирая, сделать его ссылкой.
Игры со css-стилями и код вида:
<a href=...><object...>...</object></a>
ни к чему не приводят - флешка все равно поверх ссылки.
Единственный способ, который сработал у меня во всех браузерах - достаточно неуклюжий, но задачу решает. А состоит он в том, чтобы разместить ссылку в виде блока поверх флешки. Использовать можно как абсолютное позиционирование, так и отрицательные margin-ы.
Heatmap - карта интенсивностей - популярный в сети способ представления данных. Суть его проста: есть набор чисел, сопоставляем им некоторые цвета, рисуем и получаем визуализированную красоту. Кстати, правильно будет именно "heatmap", а не "hitmap", как многие думают.
На сайтах наиболее частое применение heatmap - карта посетителей. Например, есть уже готовая картинка России, с размеченными областями и городами, и ее красят в разные цвета в соответствии с количеством посещений из них.
На этой страничке я привожу таблицу спецсимволов, которая мне не раз помогала. В ней приводится 2 варианта кодов - числовой и ключевым словом. Обычно я использую первый тип. Кстати, имейте ввиду - не все символы корректно отображаются при любом шрифте.
От начала и до конца. В этой заметке я объясню как кроссбраузерно сделать position:fixed с помощью CSS и избавится от подергивания блока при прокрутке в ИЕ.
Не вдаваясь в детали (неясно чем вызван сабж) опишу все по порядку:
- Проблема:
Обычный блок в ИЕ7, например центральная часть страницы. Внутри него нет флоатов.
Раскладка, допустим, обычная двухколоночная.