|
0 / 0 / 0
Регистрация: 15.07.2011
Сообщений: 3
|
|
Помогите пожалуйста, разобраться с css в меню сайта21.07.2011, 22:37. Показов 1380. Ответов 1
Метки нет (Все метки)
Вот мой первый сайт http://www.idetremont.ru/.
Помогите, пожалуйста, разобраться с css шаблона и выправить левое меню. Никак не пойму, почему при наведении на пункт меню, текст сдвигается вправо, хотя padding везде сделала =0? И почему текст меняет цвет на белый и затем не становится зеленым? В верхнем меню почему текст при наведении становится красным, в css красного уже нигде нет? #top div.moduletable h3, #user1 div.moduletable h3, #user2 div.moduletable h3, #user5 div.moduletable h3, #user6 div.moduletable h3 { background-image: url(../images/user_h3.gif); background-repeat: no-repeat; background-color: #000; color: #fff; text-align: left; height: 30px; line-height: 30px; padding:0; margin:0; padding-left: 10px; overflow: hidden; font-weight:normal; border:none; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 3px; font-size: 14px; font-variant:normal; text-decoration: none; } /* z.b. modul werbung*/ table.moduletable th, .moduletable_text h3 { background-image: url(../images/module_h3.gif); background-repeat: no-repeat; background-color: #000; color: #fff; text-align: left; font-weight: bold; height: 36px; line-height: 36px; font-size: 14px; margin:0; overflow: hidden; margin-bottom: 2px; text-indent: 10px; width:245px; padding:0; font-variant:small-caps; font-family:Arial, Helvetica, Sans-Serif; border:1px solid #000; text-decoration:none; } div.moduletable h3{ background-image: url(../images/module_h3.gif); background-repeat: no-repeat; background-color: #000; color: #fff; text-align: left; font-weight: bold; height: 36px; line-height: 36px; font-size: 14px; padding:0; margin:0; overflow: hidden; text-indent: 10px; font-variant:small-caps; font-family:Arial, Helvetica, Sans-Serif; border: 1px solid #000; text-decoration: none; } /* z.b. modul umfrage, template chooser, wer ist online..*/ #sidebar_left div.moduletable h3, #sidebar_right div.moduletable h3 { background-image: url(../images/module_h3.gif); background-repeat: no-repeat; background-color: #000; color:#80FF55; text-align: left; font-weight: bold; height: 36px; line-height: 36px; font-size: 14px; padding:0; margin:0; overflow: hidden; text-indent: 10px; width: 230px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000; text-decoration: none; } .moduletable_menu h3 { background-image: url(../images/module_h3.gif); background-repeat: no-repeat; background-color: #333333; color: #80FF55; text-align: center; font-weight: bold; height: 36px; line-height: 36px; font-size: 14px; padding:0; margin:0; overflow: hidden; text-indent: 10px; width: 220px; font-variant:small-caps; font-family:Arial, Helvetica, Sans-Serif; text-decoration: none; } .moduletable_menu { width: 220px; padding-bottom: 0px; background-repeat: no-repeat; } .moduletable_menu ul.menu { padding: 0; list-style: none; margin: 0; } .moduletable_menu ul.menu li { margin: 0; padding: 0; list-style: none; background: none; } .moduletable_menu ul.menu li a { display: block; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #80FF55; text-align: left; height: 25px; line-height: 25px; text-decoration: none; padding:0; margin: 0; padding-left: 0px; background-image: url(../images/menu.jpg); background-repeat: no-repeat; } .moduletable_menu ul.menu li a span { background: none; } ul.menu li a:hover, .moduletable_menu ul.menu li a:active, .moduletable_menu ul.menu li a:focus { color:#80FF55; font-size: 12px; text-align: left; padding-left:0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #000; } .moduletable_menu ul.menu li.active a { background-image: url(../images/menu_hover.jpg); background-repeat: no-repeat; text-decoration: none; color:#80FF55; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; font-weight: bold; padding-left:0px; background-color: #000; } .moduletable_menu ul.menu li.active a:hover {color:#80FF55; padding-left:0px; text-decoration: none; } .moduletable_menu ul.menu li.active a span { color:#80FF55; } .moduletable_menu ul.menu li li a span { list-style: none; } .moduletable_menu ul.menu li ul { margin: 0; padding: 0; list-style: none; } .moduletable_menu ul.menu li li { list-style: none; } .moduletable_menu ul.menu li li a { list-style: none; vertical-align: middle; font-size: 11px; color: #80FF55; text-align: left; text-decoration: none; height: 25px; padding-left: 0px; overflow:hidden; } .moduletable_menu ul.menu li li a:hover, .moduletable_menu ul.menu li li a:active, .moduletable_menu ul.menu li li a:focus { color: #80FF55; padding:0; list-style: none; background: none; text-decoration: none; background-image: url(../images/menu.jpg); background-repeat: no-repeat; } .moduletable_menu ul.menu li li.active a { color: #80FF55; padding:0; list-style: none; background: none; text-decoration: none; background-image: url(../images/menu.jpg); background-repeat: no-repeat; } .moduletable_menu ul.menu li li.active a:hover { color:#80FF55; padding:0; background-image: url(../images/menu_hover.jpg); background-repeat: no-repeat; } .moduletable_menu ul.menu li li a span { list-style: none; background: none; } .moduletable_menu ul.menu li li li.active a { color:#FFFFFF; list-style: none; text-decoration: none; background-image: url(../images/menu.jpg); } .moduletable_menu ul.menu li li li.active a:hover { color:#80FF55; padding:0; background-image: url(../images/menu_hover.jpg); } .moduletable_menu ul.menu li li li a span { list-style: none; background: none; color: #FFFFFF; padding-left: 0px;
0
|
|
| 21.07.2011, 22:37 | |
|
Ответы с готовыми решениями:
1
помогите с css разобраться помогите пожалуйста разобраться Помогите Разобраться, Пожалуйста! |
|
Обитатель
539 / 317 / 42
Регистрация: 24.12.2010
Сообщений: 795
|
|
| 22.07.2011, 08:18 | |
|
Все из за размера шрифта. Он не умещается на одной строке в блоке, поэтому и переносится на новую строку.
0
|
|
| 22.07.2011, 08:18 | |
|
Помогаю со студенческими работами здесь
2
Помогите пожалуйста разобраться Помогите пожалуйста разобраться! Помогите Разобраться, Пожалуйста (1с V8) Помогите разобраться пожалуйста Помогите пожалуйста разобраться!!! Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
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. Пошагово создадим проект для загрузки изображения. . .
|