Всё для создания веб-сайта
Главная | Поиск | Обратная связь | Карта сайта | Версия для печати

Веб-мастеру

RSS

Вертикальный текст

Необходимо, чтобы текст в ячейках с классом "vertical" при отображении в браузере имел вертикальное направление "снизу-вверх"
Средствами CSS это возможно реализовать только в Internet Explorer, воспользовавшись свойством writing-mode. Для необходимого направления текста придётся воспользоваться фильтрами flipH и flipV
А как же быть с остальными браузерами, которые не поддерживают ни фильтры, ни свойство writing-mode?

PNG-прозрачность в IE

Формат PNG поддерживает глубину цвета в 48 бит на пиксел, отдельный альфа-канал, улучшенное сжатие данных (PNG использует алгоритм сжатия Deflate без потерь информации), возможность использования гамма-коррекции, сохранение компрессированных или некомпрессированных текстовых вставок для хранения информации о копирайте или других целей. Всё это позволяет задавать различную степень прозрачности области изображения
Многие браузеры умеют работать с данным форматом и поддерживают его прозрачность: Mozilla 0.9+ (Firefox, Netscape 6+ ...), Opera 6+, Konqueror 3+, Safari 1.0+ ...
В Internet Explorer 5.5+ для корректного отображения файла *.png к изображению необходимо применить фильтр CSS AlphaImageLoader. Есть несколько вариантов подключения фильтра, все они имеют свои плюсы и недостатки. Рассмотрим некоторые из них

Древовидное меню

Многоуровневое древовидное меню. Несомненным плюсом данного меню является то, что подразделы открываются (скрываются) без перезагрузки веб-страницы.

Checkbox - выделить всё, снять все

При выделении последнего checkbox`a автоматически выделяются все верхние, при снятии галочки с нижнего checkbox`a, с верхних галочка также автоматически снимается

пример работы скрипта:

Что Вас больше всего интересует на нашем сайте?
Справочник HTML
Описание свойств CSS
Примеры готовых JavaScript`ов

отметить все

Многоуровневый нумерованный список

Многоуровневый нумерованный список с выводом нумерации всех дочерних элементов

см. также: Свойство content

Слайд-шоу с автопрокруткой

Слайд-шоу с возможностью листать "вперёд", "назад" или включить (отключить) автопрокрутку, а также, к каждой картинке - отдельное описание, изменяющееся динамически

Слайд-шоу Книга

Меню в виде перелистывающихся страниц книги
Каждая страница может быть отдельной ссылкой

Слайд-шоу Кубик

Движущаяся лента с изображениями, при наведении мыши останавливается
Каждый кадр может быть отдельной ссылкой

Определение ширины (высоты) окна

Скрипт определяет размеры окна браузера

пример работы скрипта:

Координаты курсора над слоем

Простой пример определения координат курсора во время его перемещения над слоем.
  • определяем и отслеживаем положение слоя с картой в окне браузера.
  • отслеживаем координаты курсора мыши, и, когда курсор перемещается над слоем с картой, перемещаем вместе с ним точку и показываем ее координаты.
  • при клике оставляем в месте клика точку другого цвета и записываем ее координаты.
Авторизация
запомнить меня
Забыли свой пароль?
Поиск по сайту

Самое популярное

Статистика

Если вам понравился наш сайт, будем благодарны за размещение нашей кнопки на страницах Вашего сайта
как выглядит:

Учебник HTML, свойства CSS, сборник JavaScript, PHP скриптов

код нашей кнопки:

регистрация сайта в каталогах Заработай на своем сайте Заработай на своем сайте WOlist.ru - каталог сайтов Рунета