Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 15.07.2014
Сообщений: 3

Как сдвинуть текст в горизонтальном меню

02.05.2017, 23:19. Показов 1339. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сдвинуть текст в горизонтальном меню чтобы текст не уходил в меню так сказать.

Надо чуть левее подвинуть, чтобы каталог товаров был над вертикальном меню.

CSS
1
2
@charset "utf-8";
/* CSS Document */
Код css
CSS
1
*,body,html{outline:none !important}body{background-color:#f7f7f7}.clear:before,.clear:after{display:table;content:''}.clear:after{clear:both}.clear{zoom:1}input.q-btn,input[type='submit'].q-btn{font-size:1.2em;font-weight:bold;line-height:normal;height:auto;padding:4px 12px;text-align:center;letter-spacing:.08em;color:#fff;border:none;border-radius:4px;background:none;box-shadow:none;box-shadow:none}input.q-btn-red,input[type='submit'].q-btn-red{background-color:#bd3039}input.q-btn-red:hover,input[type='submit'].q-btn-red:hover{background-color:#bd3039}.wrapper{width:1180px;margin:0 auto}.headerPanel,.headerPanel *,.header-main-logo{float:left;margin-left:322px}.header-search-block{font-size:1em;position:relative;float:left;height:44px;margin:0 20px;padding:0;border:2px solid #ddd;border-radius:10px}.header-search-block .search-category{font-size:1.3em;font-weight:bold;line-height:40px;float:left;padding:0 30px 0 10px;cursor:pointer;transition:all .3s ease-int;opacity:.8;color:#8d8a83;;background-repeat:no-repeat;background-position:95% 50%}.header-search-block .search-category:hover{opacity:1}.header-search-block .search-input{float:left}.header-search-block .search-input input{font-size:1.3em;width:683px !important;height:40px;padding:0 40px 0 16px !important;color:#808d9e;border:none !important;;background-repeat:no-repeat;background-position:98.5% 50%;box-shadow:none !important}.q-headerCatalog{height:40px;background-color:#353a3e}.main-menu{position:relative;margin:100;padding:0;list-style:none}.main-menu > li{font-family:'Helvetica', 'Arial';position:relative; left:-25px;font-size:1em;line-height:40px;float:left;margin:0 0;padding:0 19px;transition:all .2s ease-in;color:#fff;role:link}.main-menu > li .headerCatalogItemLink{font-weight:bold;text-decoration:none;text-transform:uppercase;color:inherit;border-bottom:none}.main-menu > li .main-menu__submenu{position:absolute;z-index:120;top:40px;left:0;display:none;overflow:hidden;width:100%;padding:0;padding:42px 0;background-color:#fff}.main-menu > li .main-menu__submenu li{list-style:none}.main-menu > li:hover{background-color:#a6283e}.main-menu > li.hovered .main-menu__submenu{display:block}.q-headerCatalogItem{background-color:#353a3e}.q-headerCatalogItem-catalog{background-color:#52575b}.q-headerCatalog{border-radius:0}.headerCatalogAll{float:left;width:-450px;padding:0 0 0 16px;text-align:center;border-bottom:none}.headerCatalogAllItem{display:inline-block;float:left;width:200px;margin:0 3px 6px 0;vertical-align:top;border-bottom:none}.headerCatalogAllItem-name{font-family:Arial;font-size:1.15em;font-weight:bold;line-height:1.3em;margin-top:3px;text-align:center;color:#303b3f}.headerCatalogAllItem:hover .headerCatalogAllItem-name{color:#c51a3c}.headerCatalogAll-banner{float:right;width:220px;height:320px;margin-right:70px;border-radius:12px}.q-headerCatalogCol{width:18% !important}.headerCart{width:auto !important}.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
02.05.2017, 23:19
Ответы с готовыми решениями:

Как сделать ссылку размеров с li в горизонтальном меню
Имеется горизонтальное меню, как сделать так чтобы клик по ссылке срабатывал на всей площади li без использования js? <nav> ...

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

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

1
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
03.05.2017, 01:45
Veneno, дайте разметку.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
03.05.2017, 01:45
Помогаю со студенческими работами здесь

Как задать фиксированную ширину кнопок в две строки в горизонтальном меню (без скриптов, на CCS и HTML)?
Как задать фиксированную ширину кнопок в две строки в горизонтальном меню (без скриптов, только на CCS и HTML)? Код пока не заточен, и...

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

Редактирование пунктов в горизонтальном меню
Здравствуйте , при верстке сайта возникла проблема с созданием меню в шапке (во вложении видно как должна выглядеть шапка). В общем...

Активные кнопки в горизонтальном меню
Всем привет! Переношу менюшку из webasyst в ocstore. Т.к. в php я не спец, столкнулся с проблемой. В вебасист менюшка была прописана...

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


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Конвертировать закладки 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. На борту пять. . .
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера 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