Ближайшее время рассылка будет выходить в несколько укороченном варианте,
это связано с тем, что сейчас все наши силы брошены на изготовление базы тегов и
открытие новых разделов на сайте.
На этой неделе мы планируем открытие раздела "Скрипты". А также возможно
закончим проектирование базы данных.
----------------------------------------------------------------------------------
**Позиционирование картинки в качестве фона**
----------------------------------------------------------------------------------
Недавно делали сайт для одной компании и столкнулись со следующей проблемой.
Необходимо было сделать вот такую табличку:
____________________________________________________________________
| | |
| | |
| | |
|_______________/|________________________________________________|
| |/ |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
|________________|_________________________________________________|
Вроде бы таблица, как таблица. Однако там где Вы видите ромбик (на пересечении
ячеек необходимо было разместить логотип. Помещение этого логотипа в слой,
а затем его позиционирование было бы очень проблематично и по определенным желаниям
заказчика не выполнимо, поэтому мы недолго думая покромсали логотип на 4 части и
всунули в таблицу. Вроде бы получилось неплохо:
Обратите внимание, чтобы не было пустых мест надо обязательно обнулить атрибуты
cellpadding и cellspacing, потому как по умолчанию у них ненулевые значения.
Итак таблицу в логотипом в заданном месте мы сделали, но проблемы начались когда
мы начали заполнять ячейки. Вы можете сами в этом убедиться добавив в любую из ячеек текст.
Это никак нельзя было обойти и пришлось искать другой вариант. И тут нам в голову пришла
мысль использовать куски логотипа как фоны для ячеек. Тогда бы текст и рисунки никак
не пересекались и все было бы в порядке. Сказано-сделано:
Все работает прекрасно. Как видите мы использовали атрибут background-position,
который бывает очень часто просто незаменим, но к сожалению вынужден огорчить
пользователей Нетскейпа, там этот атрибут просто отсутствует (кстати в Опере он есть).
Полный вариант примера с рисунками можно посмотреть
http://darkhtml.webservis.ru/rus/example/9/index.html
----------------------------------------------------------------------------------
**Подсказки к ссылкам**
----------------------------------------------------------------------------------
Решили мы подкинуть Вам один интересненький скриптик - подсказки к ссылкам.
Написан он не нами, а взят с сайта http://leechy.design.ru,
хотя в исходнике стоял копирайт Артемия Лебедева. Ну что ж если это его скрипт,
то благодарим его и по всем правилам даем ссылку и на его сайт - http://design.ru
К сожалению в рассылке мы его поместить не можем, но посмотреть Вы его можете по
указанной выше ссылке.
В скрипте не используются координаты мышки, а все привязано
к относительно спозиционированному span - у ссылки.
<p>Есть возможность контролировать время появления и пропадания ссылок.
В данном варианте ссылка появляется через полсекунды и через секунду прячется.
В заключение хотим сказать, что без вашей помощи наша рассылка не сможет
полноценно существовать. Мы стремимся сделать действительно профессиональную
рассылку, которая помогала бы людям. Поэтому будем очень благодарны
всем, кто пришлет свои глюки и различия при реализации HTML в различных браузерах.
Еще лучше, если вы будете писать о своих проблемах и затруднениях при создании
сайта. Мы обязательно постараемся вам помочь, кроме того мы расскажем о вашей проблеме
другим людям.
--
Архив рассылки и коллекции уже доступны на сайте http://darkhtml.webservis.ru
в разделе "Web-design".
--
Ваши письма направляйте по адресу darkhtml@univer.kharkov.ua
--
С уважением
Автор рассылки, редактор сайта, Веб-мастер сайта,
дизайнер консультант по вопросам веб-дизайна
Авдошин Андрей Дмитрий Видмич
Vova
