html

Как в html сделать scrolling в div с помощью CSS

У некоторых студентов возникал вопрос как сделать в html блоке scrolling. Разберем этот несложный вопрос с разных сторон на примере div с текстом-рыбой.

Допустим у нас есть html-блок, к примеру div, в котором есть какое-то количество контента. Посмотрим в каком случае в нем появится scrolling.

Раскрывающееся меню на Jquery

Изучать jquery я начал пару месяцев назад по долгу службы, и очень скоро понял насколько это удобно. Причем не только если разрабатываешь какое-нибудь ajax-приложение, но и в более мелких вещах — таких как простенькие анимации, выпадающие менюшки и тд.

В этой статье я опишу как можно с помощью jquery из обычного многоуровневого меню сделать раскрывающееся без правки исходного html-кода. Нам просто понадобится выполнить некий javascript-код после загрузки страницы.

Для этого допустим, что на сайте есть такое меню:

Работа с CSS: основы (часть 3)

Структура страницы

Вот и подоспела третья статья из цикла «Работа с CSS: основы». Если ваши познания каскадных таблиц стилей оставляют пока желать лучшего, и вы не читали предыдущие статьи, то вот вам ссылки:

Итак — сегодня мы с вами сделаем обычную раскладку из трех колонок — левой, правой и центральной. Примерно такую же, как изображена на рисунке. Сделаем ее растягивающейся — так сейчас модно. Левая колонка будет фиксированной ширины 250px, а правая и центральная — будут зависеть от ширины окна. Будем писать в соответствии со стандартом W3C HTML 4.01 (для этого укажем соответствующий doctype).

HTML-код будет такого вида:

Как сделать flash-ку ссылкой

Flash баннер

Сегодня передо мной возникла одна небольшая проблемка: как сделать flash-ку ссылкой. Поясню - у меня есть флешевый баннер, в котором не зашит getUrl(), и нужно, не пересобирая, сделать его ссылкой.

Игры со css-стилями и код вида:
<a href=...><object...>...</object></a>
ни к чему не приводят - флешка все равно поверх ссылки.

Единственный способ, который сработал у меня во всех браузерах - достаточно неуклюжий, но задачу решает. А состоит он в том, чтобы разместить ссылку в виде блока поверх флешки. Использовать можно как абсолютное позиционирование, так и отрицательные margin-ы.

Специальные символы в HTML

На этой страничке я привожу таблицу спецсимволов, которая мне не раз помогала. В ней приводится 2 варианта кодов - числовой и ключевым словом. Обычно я использую первый тип. Кстати, имейте ввиду - не все символы корректно отображаются при любом шрифте.

Position: fixed; - фиксируем блок на странице

Position fixed

От начала и до конца. В этой заметке я объясню как кроссбраузерно сделать position:fixed с помощью CSS и избавится от подергивания блока при прокрутке в ИЕ.

Сразу скажу - за все время, проведенное в сети, я заметил, что блоки с fixed положением на странице (не зависящим от скролла), довольно мало используются. Нет, разумное использование таких элементов на сайте не осуждается общественностью. Скорее дело в другом - фиксированные блоки неизбежно привлекают внимание посетителя при прокрутке страницы. Он отвлекается от своей цели - и, как правило, раздражается.

Убираем кнопку у формы поиска (облегчаем дизайн)

Иногда, в угоду минималистическому дизайну сайта, нужно сделать форму поиска компактнее. Мы будем скрывать кнопку и делать placeholder. Для браузеров не поддерживающих этот атрибут, мы напишем javascrip-код.

Управление загрузкой файлов из www форм с CGI.pm

Технология для управления формами загрузки файлов редко обсуждается в статьях по CGI, и руководств по этой теме также немного. Как мы убедимся, эта технология весьма проста. Рассмотрим пример на perl.

Предварительный обзор HTML 5

Краткое описание главных деталей и свойств как они есть в текущей версии HTML 5

Вступление

Веб постоянно развивается. Новые и новаторские вебсайты создаются каждый день, раздвигая границы HTML во всех направлениях. HTML 4 используется уже около десяти лет, и издатели в поисках новых способов создания расширенной функциональности сдерживаются ограничениями языка и браузеров.

Чтобы дать авторам больше гибкости и возможностей взаимодействия, способов создать больше интерактивных и захватывающих сайтов и приложений - HTML 5 предоставляет широкий круг методов, включая управление формами, API, мультимедиа, структуры и семантики.

Страницы