Горизонтальное многоуровневое меню css: Меню многоуровневое горизонтальное и вертикальное CSS

Разное 

liMenuHor — горизонтальное многоуровневое jQuery меню

effect liMenuHor — горизонтальное многоуровневое jQuery меню

jQuery Плагин liMenuHor создает горизонтальное многоуровневое меню с неограниченной вложенностью. Структура меню — самая простейшая, а именно обыкновенный многоуровневый список с ссылками.
Важными достоинствами горизонтального многоуровневого меню liMenuHor являются: правильная реакция на края страницы родительского элемента, наличия маркеров вложения, бесконечная вложенность и симпатичный внешний вид.
В меню присутствует шаблонизация: «white»,»black» и «gray». Для использования готовых шаблонов в добавок к основному CSS подключите один из шаблонных CSS. Если вы желаете создать свой внешний вид, подключите один из шаблонных CSS и исправьте его на свое усмотрение.

Пример работы на JSFIDDLE

Подключаемые файлы

Надо заметить, что кроме основного CSS файла «liMenuHor.css», необходимо подключить также и файл шаблона «liMenuHorTheme-white. css», который в свою очередь оформит горизонтальное меню должным образом.

Инициализация плагина

У плагина нет никаких настроек, поэтому инициализация выглядит очень просто

Структура HTML

Структура HTML представлена обыкновенным семантическим списком

Оцените материал

  • 1
  • 2
  • 3
  • 4
  • 5

(3 голосов)

Другие материалы в этой категории: « liHighLight — jQuery highLight или подсветка слов в тексте liMenuVert — вертикальное многоуровневое jQuery меню »

Наверх

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт — поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href=»/» title=»Плагины, сниппеты и пользовательские скрипты на jquery» target=»_blank»>Плагины, сниппеты и пользовательские скрипты на jquery</a>

2.

Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680
Свежие материалы
  • itour — Easy step by step Tour for the Complex web Interface или Простой Help-тур по сложному интерфейсу

    Описание Плагин itour дает возможность рассказать вам о функциональности любого интерфейса. Кроме того, плагин itour…

  • liMarqueeWP — WordPress plugin of Responsive marquee (ticker) for Text and HTML and Images или WordPress плагин бегущей строки для текста, кода или изображений

    Описание Плагин liMarqueeWP позволяет отображать различное HTML содержимое, изображения и просто текст на вашей странице…

  • Yoga Map — Google Map Cusomizer или быстрая настройка карт от Google

    The Perfect Choice For Customizing Maps

  • liAccordion — jQuery Responsive Multi Level Accordion или Accordion навигация на jQuery

    The liAccordion is a unique plugin for implementation «accordion» navigation of any type of content. …

Последние коментарии
Чудо облако

jquery jquery menu с бесконечной вложенностью jquery slider jquery выпадающее меню jquery меню jquery плагин бегущая строка jquery плагины jquery цикличная строка js бегущая строка бесконечная Responsive Menu size Текст и адаптивный дизайн адаптивное меню адаптивный меню бегущая строка html jquery бегущая строка без разрыва бегущая строка из картинок бегущая строка картинки jquery бегущая строка на сайт бегущая строка несколько блоков многострочного текста вертикальное меню вертикальное меню для сайта скачать красивая бегущая строка для сайта jquery меню jquery меню на jquery необычная бегущая строка под все браузеры непрерывная бегущая строка непрерывно бегущая строка плагин бегущая строка плагины

Вы находитесь здесь:   ГлавнаяjQueryliMenuHor — горизонтальное многоуровневое jQuery меню

45 лучших бесплатных плагинов меню jQuery CSS3 2023

Коллекция Лучшие бесплатные плагины меню jQuery CSS3 которые вы можете скачать и использовать в своем проекте. Это готовые к использованию плагины меню, которые сэкономят вам много времени.

Создание веб-сайта иногда может быть сложной задачей. От базового дизайна до навигации по вашему веб-сайту есть множество вещей, о которых необходимо позаботиться, чтобы создать идеальный веб-сайт, который привлекает и вовлекает ваших посетителей.

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

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

Веб-сайт без надлежащего навигационного дизайна похож на беспорядок, и посетители обычно покидают веб-сайт, не зная, как перемещаться по информации.

Если вы когда-либо посещали веб-сайт без хорошо продуманной навигации, вы поймете, с какой суетой приходится искать нужную информацию.

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

С развитием современной и гибкой сети количество и доступность инструментов навигации многократно увеличились.

Одним из таких важных инструментов является jQuery. С помощью jQuery вы можете добавить на свой веб-сайт очень удобные навигационные меню, которые привлекут внимание пользователей и помогут им в изучении вашего веб-сайта.

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

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

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

  • 50 бесплатных шаблонов формы входа на CSS3 HTML5
  • 200 лучших шаблонов сертификатов
  • 100 лучших бесплатных шаблонов логотипов PSD

Slideout. Js

Slideout.Js является одним из самых известных навигационных меню и легким по весу. Это свободный от зависимостей плагин для создания меню навигации с сенсорным слайдом для веб-приложений и мобильных приложений.

Получить плагин

Полноэкранная навигация

Как следует из названия, этот плагин поставляется с полноразмерной навигацией. Он полностью заменяет текущий контент, когда меню открыто, и гарантирует, что контент в вашем меню выделен.

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

Получить плагин

Боковое меню CSS3

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

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

Получить плагин

Цветная выпадающая навигация с подменю

Выпадающие меню — не последняя функция, но они лучше всего подходят для той цели, которой служат. Цветная выпадающая навигация с подменю помогает вам создавать интерактивные меню на вашем веб-сайте, которые поддерживают все браузеры и операционные системы.

Получить плагин

Удобная навигация

Bouncy Navigations использует анимацию CSS и jQuery для анимации элементов навигации. Будь то модальная навигация или список категорий, все это покрывается этим очень удобным плагином.

Получить плагин

СлойМеню

Быстрый и полностью адаптивный плагин меню, который впечатлит ваших клиентов потрясающим пользовательским интерфейсом. Этот плагин меню написан с использованием кода HTML5 и CSS3, чтобы сделать его легким.

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

У вас будет неограниченное количество вариантов цвета, неограниченное количество слоев меню, значки Font Awesome, красивая анимация CSS3 и многое другое.

Перспективная навигация по странице

Благодаря некоторым привлекательным навигационным элементам навигация в виде страницы в перспективе демонстрирует элементы меню и содержимое меню вашего веб-сайта, отталкивая страницу в 3D.

Плагин помогает вам создавать интерактивные и адаптивные меню для любого экрана.

Получить плагин

Скрытое всплывающее меню корзины покупок с помощью CSS3

Для всех веб-сайтов электронной коммерции этот плагин — все, что вам нужно. Скрытое всплывающее меню корзины покупок с CSS3 — это чистое и экономящее время решение, которое позволяет вашим клиентам просматривать купленные товары на одной странице со всей необходимой информацией. Стоит попробовать!

Получить плагин

3D вращающаяся навигация

3D — это всегда весело, а когда дело доходит до навигационных меню, оно также эффективно. Специально для мобильного приложения, анимированные элементы являются ключевыми компонентами взаимодействия с пользователем. Плагин 3D Rotating Navigation придает 3D-эффект меню вашего веб-сайта и дает пользователю опыт, который не имеет себе равных при кодировании базового уровня.

Получить плагин

JQuery-плагин Shifter

Если вы ищете чистый и отзывчивый плагин для выдвижной мобильной навигации, Shifter — это все, что вам нужно.

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

Получить плагин

Эластичная навигация

Этот плагин представляет собой набор функций. Он предоставляет вам раскрывающееся меню навигации по умолчанию одним щелчком / касанием.

В Stretchy Navigation также есть возможность добавить инструмент горизонтальной навигации, который хорошо подходит для музыкальных сайтов.

Получить плагин

Напористый

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

Получить плагин

Слинки.Js

Slinky.Js — это плагин jQuery, который помогает создавать красивый и отзывчивый список навигации с наложением заголовков. Различные варианты цветов, которые можно использовать в заголовках, придают ему уникальный вид.

Получить плагин

Горизонтальная навигация

Горизонтальное меню навигации — это адаптивный плагин меню, который полностью помещается на экране любого устройства. Обычно очень сложно создать эффект горизонтального меню для вашего веб-сайта, но этот плагин упрощает его.

Получить плагин

Мменю

Вы хотите, чтобы приложение выглядело как скользящее меню для вашего мобильного веб-сайта? Используйте плагин Mmenu jQuery, чтобы создать его.

С помощью этого красиво оформленного плагина вы можете создавать потрясающие дизайны навигационных меню, и все это делается с помощью одной строки javascript. Гладкий и чистый!

Получить плагин

SIDR

Это один из лучших плагинов меню в этом списке. Как видно из названия, плагин SIDR отлично подходит для создания боковых меню и является самым простым способом создания адаптивного меню для мобильных устройств.

Получить плагин

Меню Цель

Вы когда-нибудь замечали, насколько отзывчиво выпадающее меню Amazon? Ну, даже вы можете получить такое навигационное меню с помощью этого плагина.

Цель меню открывает подменю, как только курсор посетителя наводит на раскрывающиеся меню, что облегчает им выбор того, что они хотят, без проблем.

Получить плагин

Меню навигации по разделам

Соответствуя своему названию, меню навигации по разделам поможет вам создать гибкое меню, которое разделено на разные разделы.

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

Получить плагин

Навигация с эффектами наведения

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

Получить плагин

Крутая навигация

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

Получить плагин

Меню со значками уведомлений

Это меню навигации поставляется со значками уведомлений и лучше всего подходит для веб-сайтов, ориентированных на взаимодействие с пользователем.

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

Получить плагин

Отзывчивое меню навигации с вкладками

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

Получить плагин

Бледная навигация и социальная панель

Pale Navigation and Social Bar — идеальный выбор для создания интерактивного навигационного меню или даже меню социальной навигации.

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

Получить плагин

CSS Аккордеонное меню

Это навигационное меню полностью кодируется с помощью HTML и CSS а также поставляется в виде файла PSD.

С помощью CSS Accordion Menu элементы верхнего уровня вашего веб-сайта могут быть легко расширены и свернуты, с различными состояниями наведения и щелчка элементов.

Получить плагин

Минималистическое навигационное меню CSS3

Как видно из названия, минималистическое навигационное меню CSS3 поможет вам создать быстро реагирующее меню с элегантным дизайном и анимацией!

Получить плагин

3D Жирная навигация

Все, что вы видите или ощущаете в 3D, становится более чистым и подробным. Плагин 3D Bold Navigation помогает создавать впечатляющие навигационные меню, которые выдвигаются, когда активны, и заменяют текущее содержимое в трехмерном пространстве.

Получить плагин

Отзывчивая боковая панель навигации

Как видно из названия, Responsive Sidebar Navigation — это стильный и отзывчивый плагин меню навигации.

Это простой в интеграции плагин бокового и вертикального меню, который идеально подходит для создания меню на информационных панелях и в административных областях.

Получить плагин

Плагин jQuery для многоуровневого push-меню

Плагин Multi-Level Push Menu jQuery поставляется с некоторыми действительно впечатляющими функциями и помогает вам создавать меню с кросс-браузерной совместимостью.

Этот плагин jQuery позволяет бесконечно вкладывать элементы навигации в меню и подходит для всех типов веб-сайтов.

Получить плагин

Закругленная анимационная навигация

Горизонтальное и вертикальное меню слишком клишированы, поэтому этот плагин предлагает вам навигацию, которая расширяется по кругу. Это полноэкранный навигационный плагин, анимированный с помощью CSS3 и jQuery.

Получить плагин

Плагин Slide in Panel Navigation

Этот плагин меню, основанный на CSS3 и jQuery, имеет потрясающую выдвижную панель. Панель быстро показывает дополнительный контент, уведомление или информацию профиля в течение нескольких секунд.

Прежде всего, он хорошо работает на всех видах веб-сайтов.

Получить плагин

Плагин меню закрытия двери

Этот плагин меню очень креативный. Он выполнен в виде закрывающейся двери. Две стороны меню объединяются за кадром, чтобы создать финальное меню, создающее действительно привлекательную анимацию меню для вашего веб-сайта.

Получить плагин

Умная фиксированная навигация

Умная фиксированная навигация — это фиксированная навигация, которая позволяет пользователям получать доступ к меню в любое время, когда они просматривают ваш веб-сайт.

Хотя он меньше, чем полноразмерный фиксированный заголовок без кнопки возврата наверх, он поставляется с более умным UX-решением в один клик, чтобы компенсировать все это.

Получить плагин

Полноэкранная всплывающая навигация

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

Получить плагин

Квадратное меню jQuery

jQuery Square Menu — это простое и минималистичное меню навигации на основе анимации, созданное с использованием передовых технологий, таких как jQuery и CSS3. Меню квадратное и выглядит профессионально на любом устройстве.

Получить плагин

Отзывчивое многоуровневое меню

Как и все другие меню в списке, адаптивное многоуровневое меню также является адаптивным плагином меню. Меню элегантно демонстрирует подменю на той же странице, что экономит место и использование на вашем веб-сайте.

Получить плагин

Flaunt.JS

Этот плагин меню навигации, основанный на передовых технологиях, таких как jQuery, позволяет создавать изящные, адаптивные и вложенные меню навигации.

С Flaunt.JS вы можете выставлять напоказ дизайн своего сайта.

Получить плагин

Отзывчивое меню Retina Ready

Да, вы правильно прочитали, это меню готово для сетчатки! Отзывчивое меню Retina Ready автоматически меняется на один из трех макетов в зависимости от размера браузера, в котором оно открыто.

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

Получить плагин

Выпадающее адаптивное меню

Благодаря новейшим технологиям, таким как jQuery и CSS3, этот плагин улучшает дизайн и расположение навигационного меню на вашем веб-сайте и идеально подходит для экранов разного размера.

Выпадающее адаптивное меню также хорошо совместимо с устройствами с маленьким экраном и будет держать вашу аудиторию на крючке.

Получить плагин

Мега навигация по сайту

Мега-сайту нужно мега-меню навигации. Это отзывчивый и простой в настройке плагин, обогащенный анимацией CSS3 и jQuery и позволяющий создавать очень отзывчивые меню.

Получить плагин

Отзывчивое меню слайдера с эффектом лайтбокса

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

Плагин очень отзывчив и экономит место на экране, скрывая навигацию, когда она не требуется.

Получить плагин

Перемещение ящиков меню jQuery

Перемещение ящиков Плагин меню jQuery является творческим. В верхней части сайта разбросано множество маленьких блоков, которые анимируются вместе, образуя основную область содержимого, когда пункт меню является щелчком мыши. Чисто и красиво!

Получить плагин

Смартменю

Плагин Smartmenus действительно умный! Это красиво оформленное выпадающее меню создано с использованием CSS3 и jQuery и позволяет создавать адаптивные многоуровневые раскрывающиеся меню с привлекательными значками ссылок.

Получить плагин

Анимированное меню контента с jQuery

Меню с анимированным содержимым с jQuery — это элегантное меню с анимированным содержимым, которое отличается высокой отзывчивостью и создается с помощью jQuery.

Все пункты меню анимированы, а при щелчке по области содержимого появляется дополнительная информация. Что еще? Вы получаете все это бесплатно.

Получить плагин

Заключительное слово

Создание веб-сайта, который взаимодействует с аудиторией, не каждому по плечу, но с помощью полезных и очень привлекательных инструментов, таких как jQuery, добавление красивых элементов навигации на ваш веб-сайт становится таким же простым делом, как загрузка плагина.

Так чего же ты ждешь? Загрузите плагин jQuery Menu для своего веб-сайта и приступайте к работе!

Список

— горизонтальное меню CSS — через равные промежутки?

Задавать вопрос

спросил

Изменено 5 лет, 2 месяца назад

Просмотрено 39 тысяч раз

У меня есть стандартное меню CSS, сделанное с помощью тегов UL и LI. Мне нужно, чтобы они покрыли всю страницу по горизонтали (не мой реальный случай, но я возьму это, чтобы упростить ситуацию). Тем не менее, элементы создаются динамически, поэтому я не могу жестко закодировать ни элементы с элементами LI, ни поля.

Я видел решения, использующие JavaScript для установки этих значений, но мне бы очень хотелось их избежать.

Наконец, я видел довольно хорошее решение, которое устанавливает

 #menu {
    ширина: 100%;
    /* и т. д */
}
#меню ул {
    дисплей: таблица;
}
#меню уль ли {
    отображение: таблица-ячейка;
}

Это создаст желаемое поведение в большинстве браузеров… кроме IE.

Есть идеи?

РЕДАКТИРОВАТЬ: Спасибо за ответы. Однако, поскольку код, генерирующий элементы, не принадлежит мне, я не могу устанавливать встроенные стили при их создании без последующего использования JavaScript.

  • список
  • таблица стилей
  • пробел
  • css

2

Вы не можете установить высоту или ширину встроенного элемента. http://www.w3.org/TR/CSS2/visudet.html#inline-width

Попробуйте display:inline-block;

вот исправление для ie:

 display:inline-block;
масштаб: 1;
* дисплей: встроенный;

3

Если вы хотите, чтобы элемент занимал все доступное пространство, нет необходимости определять априори ширину элементов меню (конечно, это поможет в одинаковом размере элементов li). Вы можете решить эту проблему, поработав со свойством display .

 #меню{
  дисплей: таблица;
  ширина: 100%;
}
#меню > ул {
  отображение: таблица-строка;
  ширина: 100%;
}
#меню > ул > ли {
  отображение: таблица-ячейка;
  ширина: 1%
}

Обратите внимание, что ширина: 1% требуется , чтобы избежать коллапса ячейки.

3

Если элементы вашего меню генерируются динамически (поэтому вы не знаете, сколько их будет раньше), вы можете добавить атрибут style="width:xx" к li s (или в < style> вверху… или где угодно, правда). Где xx должно быть либо width_of_parent_div_in_px/number_of_elements+'px' или 100/количество_элементов+'%' . li s также должны быть block -level elements, а float ed left .

2

 #меню уль ли {
    плыть налево;
    ясно: нет;
    дисплей: встроенный;
    отступ: 10 пикселей;
    высота: 25 пикселей; //какой высоты вы хотите, чтобы они были
    ширина: 18%; // вам нужно будет установить ширину так, чтобы все li могли поместиться на одной строке.

  
 
}

Ширина: 18% может быть правильной, если у вас 5 элементов по ширине с учетом границы и отступов. Но это будет варьироваться в зависимости от того, сколько у вас элементов, сколько отступов и т. д.

4

Если вы готовы использовать Flexbox, это нетрудно сделать. Вся ответственность за код, который я собираюсь опубликовать, принадлежит CSS Tricks, так как это их CSS.

Ниже приведен пример, включающий префиксы поставщиков.

 #меню{
  
  стиль списка: нет;
  
  -ms-box-orient: горизонтально;
  дисплей: -webkit-box;
  дисплей: -moz-box;
  отображение: -ms-flexbox;
  дисплей: -moz-flex;
  отображение: -webkit-flex;
  дисплей: гибкий;
  -webkit-justify-content: пространство вокруг;
  выравнивание содержимого: пространство вокруг;
  
 } 
 <ул>
  
  • Главная
    • 
  
  • Магазин
    • 
  
  • Блог
    • 
  
  • О нас
    • 
  
  • Связаться
    •

    Единственная проблема с Flexbox заключается в том, нужна ли вам поддержка IE 9 и ниже, в противном случае я не вижу причин не использовать Flexbox. Вы можете просмотреть поддержку браузера для Flexbox здесь.

    Вот что у меня сработало:

     #menu{
    высота: 31px;
    ширина: 930 пикселей;
    поле:0 авто;
    отступ: 3px 0px 0px 90 пикселей;
    цвет:#FFF;
    размер шрифта: 11px;
}
#меню ул{
    дисплей: встроенный;
    ширина: 930 пикселей;
    поле: 0 авто;
}
#меню уль ли{
    стиль списка: нет;
    заполнение: 0px 0px 0px 0px;
    дисплей: встроенный;
    плыть налево;
    ширина: 155 пикселей;
}

    1

    Зарегистрируйтесь или войдите в систему

    Зарегистрируйтесь с помощью Google

    Зарегистрироваться через Facebook

    Зарегистрируйтесь, используя адрес электронной почты и пароль

    Опубликовать как гость

    Электронная почта

    Обязательно, но не отображается

    Опубликовать как гость

    Электронная почта

    Требуется, но не отображается

    html — трехуровневое меню CSS с первым слоем в горизонтальном расположении

    спросил

    Изменено 10 лет, 11 месяцев назад

    Просмотрено 7к раз

    Мне нужно, чтобы верхний уровень ul li был выложен горизонтально, а затем последующие уровни выложены вертикально, предпочтительно с небольшим отступом по мере опускания уровней, под их родителем ли .

    Не после какой-либо функции наведения, просто красивый макет, что-то вроде этого:

     Верхний элемент 1 Верхний элемент 2 Верхний элемент 3
 подпункт 1 подпункт 1 подпункт 1
 подпункт 2 подпункт 2 подпункт 2
  подпункт 1 подпункт 3 подпункт 3
  подпункт 2 подпункт 4 подпункт 4
 подпункт 5 подпункт 5 подпункт 5
    • html
    • css
    • макет
    • html-списки

    2

    Как насчет этого:

    Live Demo

    CSS: 

     #footer {
    переполнение: авто;
    фон: #ддд
}
.внешний {
    стиль списка: нет;
    ширина: 33%;
    плыть налево;
    маржа: 0;
    отступ: 0
}
.первый {
    вес шрифта: полужирный
}
.внешняя ул {
    стиль списка: нет;
    маржа: 0;
    отступ: 0 0 0 18px
}

    HTML:

    3

    вот что можно скопировать и вставить:

     <голова> <стиль> li.
    No related posts.
    Автор записи

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *