Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.68/34: Рейтинг темы: голосов - 34, средняя оценка - 4.68
-23 / 1 / 2
Регистрация: 08.12.2013
Сообщений: 152

Как сделать горизонтальные линии между пунктами меню?

02.12.2014, 14:48. Показов 6564. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
как на картинке


Сейчас у меня пока только такой результат, как на рисунке снизу
Миниатюры
Как сделать горизонтальные линии между пунктами меню?  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
02.12.2014, 14:48
Ответы с готовыми решениями:

Как сделать разделители между пунктами меню прозрачными?
border-top: 2px solid transparent; - такой вариант работает только между выпадающим и основным меню, а вот в самих списках только какой-то...

Как сделать вертикальные полосы между пунктами меню
Доброго времени суток! Хочу сделать вертикальные полосы между пунктами меню. Использую теги <border-right>, <border-left>...

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

1
86 / 43 / 11
Регистрация: 19.10.2013
Сообщений: 157
02.12.2014, 16:18
ну тут скорее всего сделано все следующим образом: у каждого из пунктов меню есть фоновая картинка, которая стоит по умолчанию(т.е. на этот пункт не наведен курсор), и есть ещё одна картинка, которая сменяет первую если на пункт меню наведен курсор. Каким образом проводить смену это уже ваш выбор, либо с помощь JS, либо с помощью CSS. А насчет линий так их можно добавить с помощью
CSS
1
li{border-right:1px solid black;}
. если надо, то могу сверстать полностью меню.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
02.12.2014, 16:18
Помогаю со студенческими работами здесь

Как создать отступы между пунктами меню?
<div class="container"> <!-- The class on the root UL tag was changed to match the Blueprint nav style --> <ul...

Как убрать разделители между пунктами Горизонтального меню
Как скрыть вертикальную линию при наведении на нее курсора? Скриншот:...

Не могу понять как правильнее увеличить отступ между пунктами меню
Доброго времени суток! Подскажите, можно ли в css задать какой-нибудь параметр в блоке id=menu чтобы увеличить отступ между пунктами меню...

Как убрать расстояние между основным меню и выпадающими из него пунктами?
Как убрать расстояние : http://s019.***********/i639/1304/05/605c9c3f9f5b.png При наведении на пункт меню выпадают под пункты , но между...

Bootstrap3 - как сделать горизонтальное меню с двух-строчными пунктами?
Собственно сабж. Поясню - сайт на joomla, шаблон взялся писать на основе модняцкого T3 Framework Пункты меню (горизонтальная навигация)...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru