Ключевые слова:web, html, (найти похожие документы)
Date: Wed, 9 Aug 2000 16:41:24 +0400 (MSD)
From: MailList: Темные стороны HTML
Subject: [HTML] Позиционирование фоновых картинок 2, изменение формы курсора
Добрый день уважаемые читатели!
8.08.2000
Выпуск 10
В этом выпуске читайте:
* Проблемы с рассылкой
* Планы на будущее
* Лучшие ресурсы Интернета по веб-программированию
* Позиционирование картинки в качестве фона (продолжение)
* Ваш собственный курсор при наведении мышки на ссылку
* Заключение
----------------------------------------------------------------------------------
**Проблемы с рассылкой**
----------------------------------------------------------------------------------
К сожалению с 9 выпуском возникли некоторые проблемы, причину которых услановить
не удалось. Просим прощения у тех, кто получил рассылку несколько раз либо с какими-либо
ошибками. Скорее всего это связано с некими волнениями в рядах Maillist, по некоторой
информации они меняют оборудование, так что возможно причина в этом. Надеемся,
что это единичный случай и он не повторится.
----------------------------------------------------------------------------------
**Планы на будущее**
----------------------------------------------------------------------------------
Появилась у нас одна идейка: сделать цикл из 30-40 выпусков, в каждом из которых
будет до косточек разбираться отдельно взятый тег. Будет рассматриваться сам тег,
все его атрибуты, его спецификация в зависимости от браузера и т.д.
Работа предстоит немалая и потому мы хотим убедиться действительно ли есть в этом
необходимость для читателей и имеет ли это вообще смысл. Поэтому просим направлять
письма в поддержу данной идеи по адресу
darkhtml@univer.kharkov.ua?subject=tags_in_dispatch
Можно ничего не писать, а просто отправить письмо по данному адресу, если же есть
какие-либо идеи или замечания, то с удовольствием их рассмотрим.
С нетерпением ждем Ваших писем.
----------------------------------------------------------------------------------
**Лучшие ресурсы Интернета по веб-программированию**
----------------------------------------------------------------------------------
Многие читатели обращаются с просьбой рассказать, где можно
найти хорошую документацию по веб-программированию, в частности по HTML и CSS. С
удовольствием выполняем Вашу просьбу.
Лучшим русскоязычным порталом по веб-программированию по праву считается CITFORUM
(<a href="http://www.citforum.ru" target="_blank">http://www.citforum.ru</a>).
Здесь Вы сможете найти всю документацию от статей до полноценных книг по
практически любой теме, связанной с компьютером.
Среди англоязычных ресурсов мы бы выделили
http://msdn.microsoft.com/workshop/author/dhtml/reference/dhtmlrefs.asp
и http://developer.netscape.com
У каждого из этих ресурсов есть свои достоинства, хотя у них есть один общий
недостаток - вся документация сделана лишь с позиции соответствующих браузеров.
На Нетскейповском ресурсе Вы найдете действительно очень много разнообразной
докуентации, однако в поддержку Майкрософтовского ресурса я хочу сказать, что
у них имеется просто великолепная база данных по тегам и атрибутам (конечно
же там не рассматривается работают ли те или иные теги или атрибуты в других
браузерах).
----------------------------------------------------------------------------------
**Позиционирование картинки в качестве фона (продолжение)**
----------------------------------------------------------------------------------
Для начала советуем тем, кто не читал прошлой статьи по этому поводу, почитать
ее в прошлом выпуске
Один из читателей в продолжение темы поставил нас в тупик вот такой проблемой: как
сделать так, чтобы при изменении размера ячейки (таблицы) изменялся размер
картинки, служащей фоном.
Объясним поподробнее. Скажем у нас есть вот такая табличка:
----------------------------------------------------------------
| рисунок | |
----------------------------------------------------------------
Обычная табличка из двух ячеек, в левой ячейке в качестве фона используется
картинка.
Однако давайте представим что таблица начинает растягиваться по вертикали
(ну например при добавлении текста). Вот что мы получаем:
----------------------------------------------------------------
| | |
| рисунок | |
| | |
----------------------------------------------------------------
А на самом деле хотим получить:
----------------------------------------------------------------
| ри | |
| су | |
| нок | |
----------------------------------------------------------------
Понятно, что если сделать 3 ячейки и поставить у img атрибут height равным 100%,
то проблем нет: как только размер ячейки(таблицы) будет увеличиваться или уменьшаться,
то сразу будет соответственно уменьшаться или увеличиваться размеры картинки. Однако
если Вы уже прочитали прошлый выпуск, то понимаете, что данный выход не всегда применим.
Честно признаемся, что решения данной проблемы мы не нашли даже в Эксплорере.
Дело в том, что в HTML просто не существует элемента управления размерами картинки
в качестве фона. Очень рады будем, если найдется человек, который захочет опровергнуть
данной утверждение.
P.S. Кстати как спозиционировать картнику в качестве фона в Нетскейпе мы так и
не нашли, скорее всего там это просто НЕВОЗМОЖНО! К сожалению...
----------------------------------------------------------------------------------
**Ваш собственный курсор при наведении мышки на ссылку**
----------------------------------------------------------------------------------
Представьте себе, что Вы делаете сайт для крупной японской корпорации и хотите
его сделать полностью в японсоком стиле, так чтобы человек при заходе на сайт
полностью погружался в его атмосферу и ничто из внешнего не отвлекало бы его .
Ну тогда Вам просто необходим скрипт "Курсор". Что же делает этот скрипт?
При наведении мышки на ссылку стандартный курсор (ручка с пальчиком) и чуть ниже
Ваш рисунок (вертикальное и горизонтальное положение относительно курсора можно задавать).
Конечно хорошо было бы, если ручки с пальчиком вовсе не было. Да это было бы идеально,
но к сожалению как это сделать мы не знаю (хотя думаю, что это возможно,
вспомните про темы рабочего стола), однако можно сделать его максимально невидимым
например так:
<style>
a {cursor: text}
</style>
Посмотреть пример и скачать его в архиве Вы можете здесь
http://darkhtml.webservis.ru/rus/example/10/cursor.zip
----------------------------------------------------------------------------------
**Заключение**
----------------------------------------------------------------------------------
В заключение хотим сказать, что без вашей помощи наша рассылка не сможет
полноценно существовать. Мы стремимся сделать действительно профессиональную
рассылку, которая помогала бы людям. Поэтому будем очень благодарны
всем, кто пришлет свои глюки и различия при реализации HTML в различных браузерах.
Еще лучше, если вы будете писать о своих проблемах и затруднениях при создании
сайта. Мы обязательно постараемся вам помочь, кроме того мы расскажем о вашей проблеме
другим людям.
--
Наш основной ресурс находится по адресу http://darkhtml.webservis.ru
--
Ваши письма направляйте по адресу darkhtml@univer.kharkov.ua
--
С уважением
Автор рассылки, редактор сайта, Веб-мастер сайта,
дизайнер консультант по вопросам веб-дизайна
Авдошин Андрей Дмитрий Видмич
avdoshyn@univer.kharkov.ua wizard@univer.kharkov.ua
andreas49@themail.com