Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Оформление списков

.

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

1. В файле stylel. ess найдите селектор элемента li.

2. Добавьте туда следующее объявление (дополнение выделено полужирным шрифтом):

3. Сохраните CSS-файл и обновите страницу в браузере.

4. Попробуйте изменить значение свойства list-style-type на disc, square и none, каждый раз сохраняя файл и проверяя, как страница отображается в браузере. Пожалуй, остановимся на значении попе для сайта, и теперь навигационный блок будет выглядеть, как показано на рис. 4.40.

Рис. 4.40. Отсутствие маркеров списка

К спискам можно применить и оригинальные решения, например:

сделать ссылки в виде кнопок, используя CSS-свойства border и padding;

создать большую кликабельную область для ссылки (которая не будет текстом);

расположить элементы списка горизонтально.

Все эти интересные и сложные техники подробно рассматриваются в книге Рейчел Эндрю (Rachel Andrew) The CSS Anthology: 101 Essential Tips, Tricks & Hacksl. В издании почти целая глава уделена оформлению навигации, где предлагается много стилей, которые вы можете испробовать. Я очень рекомендую вам прочесть эту книгу, если вы хотите узнать множество крутых CSS-приемов (конечно, после того, как вы усвоите основы!).

.

Читайте так же:
Not found