Copyrlght 2010. E-mell commenta to caOcoemofarmer.com

Дата добавления: 2015-07-09; просмотров: 416; Нарушение авторских прав

Nisl ut eliquid ех ев comrnodi consequatur? Quis autem vel eum lure

Qui in ев voluptate velit евае quam nlhll moleetlae conaequatur, vel illum

Dolorem eum fuglat quo voluptaa nulla pariatur?

Nisi ut aliquid ех ее cornmocli consequatur? Quis autem vel eum lure

Qui in ее voluptate vellt esae quem nlhil moleetiee consequetur, vel illum

Dolorem eum fuglat quo voluptaa nulla pariatur?

Copyrlght 2010. IS2J E-mall commenta to ~.сот

Рмс. 9.13. Несколько тонких корректировок сделают назначение ссылки пон11тным:

Проста11 ссылка (вверху) превращаетс11 в 11вную, узнаваемую владельцами

Электронной почты (внизу)

Добавьте во внутреннюю таблицу стилей файла l i пks. html еще один селектор

ПОТОМКО)'I:

#legal а {

color: #666666:

border: попе:

backgrouпd: url(images/email .gif) пo-repeat left ceпter:

Глава 9. Приводим в порядок навигацию сайта

Ссылка на электронный адрес заключена в тег <di v> с идентификатором 1 ega 1,

Так что этот стиль влияет только на конкретную ссылку электронной почты.

Для ссылки назначен серый цвет, а код border: none убирает подчеркивание,

Определенное в шаге 6. Свойство background добавляет фоновое изображение

С левой стороны, а параметр no-repeat обеспечивает однократное отображение

Рисунка. Здесь трудность состоит в том, что фоновое изображение (значок конверта)

Располагается на заднем плане прямо под текстом ссылки, и она становится

Трудночитаемой (см. рис. 9.13, посередине).

2. Добавьте в только что созданный стиль# 1 ega 1 а левый отступ размером 20 пикселов:

padding-1eft: 20рх:

<== предыдущая лекция	\|	следующая лекция ==>
При наведении на ссылку указателя мыши,	\|	Помните, что отступ добавляет промежуток между содержимым и границей