MaterStudiorum.ru - домашняя страничка студента.
Минимум рекламы - максимум информации.


Авиация и космонавтика
Административное право
Арбитражный процесс
Архитектура
Астрология
Астрономия
Банковское дело
Безопасность жизнедеятельности
Биографии
Биология
Биология и химия
Биржевое дело
Ботаника и сельское хоз-во
Бухгалтерский учет и аудит
Валютные отношения
Ветеринария
Военная кафедра
География
Геодезия
Геология
Геополитика
Государство и право
Гражданское право и процесс
Делопроизводство
Деньги и кредит
Естествознание
Журналистика
Зоология
Издательское дело и полиграфия
Инвестиции
Иностранный язык
Информатика
Информатика, программирование
Исторические личности
История
История техники
Кибернетика
Коммуникации и связь
Компьютерные науки
Косметология
Краткое содержание произведений
Криминалистика
Криминология
Криптология
Кулинария
Культура и искусство
Культурология
Литература и русский язык
Литература(зарубежная)
Логика
Логистика
Маркетинг
Математика
Медицина, здоровье
Медицинские науки
Международное публичное право
Международное частное право
Международные отношения
Менеджмент
Металлургия
Москвоведение
Музыка
Муниципальное право
Налоги, налогообложение
Наука и техника
Начертательная геометрия
Новейшая история, политология
Оккультизм и уфология
Остальные рефераты
Педагогика
Полиграфия
Политология
Право
Право, юриспруденция
Предпринимательство
Промышленность, производство
Психология
Психология, педагогика
Радиоэлектроника
Разное
Реклама
Религия и мифология
Риторика
Сексология
Социология
Статистика
Страхование
Строительные науки
Строительство
Схемотехника
Таможенная система
Теория государства и права
Теория организации
Теплотехника
Технология
Товароведение
Транспорт
Трудовое право
Туризм
Уголовное право и процесс
Управление
Управленческие науки
Физика
Физкультура и спорт
Философия
Финансовые науки
Финансы
Фотография
Химия
Хозяйственное право
Цифровые устройства
Экологическое право
Экология
Экономика
Экономико-математическое моделирование
Экономическая география
Экономическая теория
Эргономика
Этика
Юриспруденция
Языковедение
Языкознание, филология
    Начало -> Информатика, программирование -> CSS Design: Укрощение списков

Название:CSS Design: Укрощение списков
Просмотров:67
Раздел:Информатика, программирование
Ссылка:Скачать(14 KB)
Описание:Чаще всего панель навигации оформляется как простая текстовая строка со ссылками, разделенными тегами
или

. Структурно же они представляют собой списки ссылок.


Университетская электронная библиотека.
www.infoliolib.info

Часть полного текста документа:

CSS Design: Укрощение списков Марк Ньюхаус
    Я обнаружил, что большинство страниц содержат панель навигации. Чаще всего она оформляется как простая текстовая строка со ссылками, разделенными тегами
или

. Структурно же они представляют собой списки ссылок, и следовательно должны оформляться как таковые.
    Причина, по которой мы не оформляем их как списки, состоит в том, что нам не очень хочется перед каждой ссылкой в меню видеть маркер. В предыдущей статье я рассказал о некоторых приемах верстки страниц с помощью CSS. В одном из тех приемов мы научились выводить списки в строку, а не вертикально.
    В данной же статье я покажу, как с помощью CSS можно укротить эти неповоротливые и неуклюжие списки. Хватит им беспризорно шататься по вашим веб-страницам. Настало ваше время командовать им, как себя вести. Готовим арену
    В качестве предмета дрессировки я выбрал простые ненумерованные списки. Все упомянутые тут правила CSS можно применить и к нумерованным спискам с тем же результатом. Во всех примерах (кроме специально оговоренных случаев) используется следующий список:
    
    

  • Item 1

  •     
  • Item 2

  •     
  • Item 3

  •     
  • Item 4

  •     
  • Item 5 сделаем этот пункт немного длиннее,
         чтобы он переходил на следующую строку

  •     
        Каждый список просто помещен внутрь отдельного элемента
    , и поведение списка определяется с помощью этого DIV-а. Базовое правило, действующее на все DIV-ы, таково:
        #base {
         border: 1px solid #000;
         margin: 2em;
         width: 10em;
         padding: 5px;
         }
        Без каких-либо дополнительных стилевых правил, список в базовом DIV-е будет выглядеть так:
        Item 1
        Item 2
        Item 3
        Item 4
        Item 5 сделаем этот пункт немного длиннее, чтобы он переходил на следующую строку Позиционирование
        Иногда для вашего дизайна отступ в списке принятый по умолчанию может оказаться слишком большим. Но изменение только свойства margin или padding для элемента срабатывает не для всех броузеров. Для того, чтобы список полностью передвинулся скажем влево, вам необходимо поменять оба свойства: и margin, и padding. Связано это с тем, что Internet Explorer и Opera создают левый отступ у списка с помощью левого margin, а Mozilla/Netscape используют для этого левый padding. Подробнее об этом читайте в статье Consistent List Indentation на сайте DevEdge.
        В следующем примере свойствам margin-left и padding-left у элемента UL присвоено значение 0:
        Item 1
        Item 2
        Item 3
        Item 4
        Item 5 сделаем этот пункт немного длиннее, чтобы он переходил на следующую строку
        Обратите внимание, что маркеры лежат за границей DIV-а. Если бы контейнером был не DIV, а документа, маркеры оказались бы за пределами окна броузера, т.е. пропали бы с глаз долой. Если вы хотите, чтобы маркеры лежали внутри границ DIV-а, вдоль левого его края, присвойте либо свойству left-padding либо свойству left-margin значение "1em".
        Item 1
        Item 2
        Item 3
        Item 4
        Item 5 сделаем этот пункт немного длиннее, чтобы он переходил на следующую строку Маркеры
        Скажем, вам понадобился список с особыми маркерами. ............




    Нет комментариев.



    Оставить комментарий:

    Ваше Имя:
    Email:
    Антибот:  
    Ваш комментарий:  



    Похожие работы:

    Название:Формирование графических понятий у старших дошкольников с помощью игровых заданий на интегрированных занятиях по ИЗО и информатике
    Просмотров:78
    Описание: Формирование графических понятий у старших дошкольников с помощью игровых заданий на интегрированных занятиях по ИЗО и информатике Педагог дополнительного образования (по информ

    Название:Создание проекта переезда офиса в новое здание с помощью MS Project
    Просмотров:239
    Описание: Введение С каждым годом компьютерные технологии все чаще становятся важным фактором, а также средством решения многочисленных, как производственных, так и непроизводственных задач. Данная работа посвящена

    Название:Доказательства неравенств с помощью одномонотонных последовательностей
    Просмотров:233
    Описание: Муниципальное общеобразовательное учреждение Средняя общеобразовательная школа № 4 Секция: математика ИССЛЕДОВАТЕЛЬСКАЯ РАБОТА по темеДоказательства неравенств с помощью одномонотонных последо

    Название:Воспитание выносливости с помощью тренажеров
    Просмотров:180
    Описание:   Воспитание выносливости с помощью тренажеров Содержание Введение Понятие физической выносливости Методы развития выносливости Средства и основные методики Конт

    Название:Решение задач с помощью задания формул и создания макросов
    Просмотров:506
    Описание: ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ Государственное образовательное учреждение высшего профессионального образования «Нижегородский государственный университет им. Н.И. Лобачевского» Экономический фа

     
         

    Вечно с вами © MaterStudiorum.ru