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

Как убрать зазор между меню и контентом

07.01.2014, 00:51. Показов 1925. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет! Подскажите пожалуйста где в стилях допущена ошибка?Появился зазор между меню и страницей сайта.Вот как это выглядит!
{битая ссылка}

Стрелочкой указал что просвечивается background.

Вот как хочется чтобы выглядело!
{битая ссылка}

Вот сам стиль меню который я поменял!

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#nav {}
#navl {}
#navr {height:32px; background:url(../images/top_menu.png) 0 0 repeat-x; font-family: Tahoma; font-size:11px; margin-top: 5px;margin-top: -4px;}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:80%;}
#nav-right { float:right; width:20%;}
#nav ul {margin:0; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:100%;position:relative; padding:0; margin:0;display: inline; background:url(../images/line.png) no-repeat;}
#nav ul li a {width:auto; height:32px; padding:0px 12px; display:block;line-height:32px; color:#fff; text-decoration:none;font-size:11px;font-weight:normal; float:left;}
#nav ul li.active {}
#nav ul li.active a {background:url(../images/mainmenu-h.png) repeat center; color:#555;}
#nav ul li:hover {}
#nav ul li a:hover{text-decoration:none; font-weight:normal; font-size:11px; background:url(../images/hov.png) repeat; color:#a0a0a0;}
#nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}
#nav ul li ul li:hover ul {left:180px; top:0}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px; border:}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:13px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}
Перечитывал данный код несколько раз,не могу найти где ошибка.Помогите пожалуйста.

P.s прикрепляю весь CSS файл.На случай если ошибка не здесь.
 Комментарий модератора 
Прикрепляйте файлы и изображения к сообщениям.
https://www.cyberforum.ru/abou... post594251
Вложения
Тип файла: zip css.zip (4.8 Кб, 2 просмотров)
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.01.2014, 00:51
Ответы с готовыми решениями:

Как убрать зазор между IMG
Здравствуйте. Столкнулся с зазором между img. Как убрать? <div class="menu"> <a href="index.html"> <img...

Как убрать зазор между картинками?
Есть следующий код: <body> <p>some paragraph, it could be<br/>big or small, whatever.</p> <div style="width: 400px";> ...

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

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
07.01.2014, 00:51
Помогаю со студенческими работами здесь

Не могу убрать зазор между дочерним и родительским блоком
Не могу прижать шапку кверху контейнера. Пробовал маргины, паддинги, не работает. Уровень знаний начальный, помогите. Скоро чекнусь? Что...

Как убрать зазор
Как убрать зазор между элементами таблицы и DIV Картинка прилагается.

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

Как убрать зазор у вложенной таблицы?
Здравствуйте! Есть таблица html с шириной 1024px и высотой на весь экран, далее в одну из ячеек этой таблицы вложена другая таблица....

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


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Переходник USB-CAN-GPIO
Eddy_Em 20.03.2026
Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru