Меню не получается

@Relaxmirclub · Регистрация: 15.10.2011

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

Вот наброски:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
ul.css-menu-1 {
 list-style: none
 }
 
 ul.css-menu-1 li {
 display: inline
 }
 
 ul.css-menu-1 li a {
 font-family: Tahoma, Geneva, sans-serif; 
 text-decoration: none;
 background: #5c6cb7;
 font-weight: bold;
 color: #ffaa00; 
 padding: 6px 10px 6px 10px
 }
 
 ul.css-menu-1 li a:hover {
 padding: 6px 10px 6px 10px;
 font-weight: bold;
 background: #364d95;
 color: #ff9900 
 }
 
 ul.css-menu-1 li a.selected {
 background: #364e95
 }

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
</head>
 <body>
 <div id="css-menu">
 <ul>
 <li><a href="#">
 <span class="text-top">Главная</span>
 <span class="text-bottom">О нашем проекте</span>
 </a></li>
 <li><a href="#">
 <span class="text-top">Справочник</span>
 <span class="text-bottom">справочник</span>
 </a></li>
 <li><a href="#">
 <span class="text-top">CSS уроки</span>
 <span class="text-bottom">Для начинающих</span>
 </a></li>
 <li><a href="#">
 <span class="text-top"> меню</span>
 <span class="text-bottom">DJdjdk</span>
 </a></li>
 </ul>
 </div>

Я вообщем добавляю в исходники сайта а вместо этого образуется вот это:
http://relaxmirclub.narod.ru/index.html
Я просто хочу чтоб это было меню сайта и отображалось на всех страницах.
Пожалуйста помогите уже все перепробовал.

@acupation · 17.02.2012, 20:41

Пример как делается меню

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<ul class='nav' id='navig'>
            <li><span>ОТДЕЛЫ</span>
                <ul>
                    <li><a href='#'>Оружие</a>
                        <ul>
                            <li><a href='#'>Холодное</a></li>
                            <li><a href='#'>Легкое</a></li>
                            <li><a href='#'>Среднее</a></li>
                        </ul>
                    </li>
                    <li><a href='#'>Одежда</a>
                        <ul>
                            <li><a href='#'>Шлем</a></li>
                            <li><a href='#'>Корпус</a></li>
                            <li><a href='#'>Штаны</a></li>
                        </ul>
                    </li>
                    <li><a href='#'>Ювелирные украшения</a>
                        <ul>
                            <li><a href='#'>Ожерелья</a></li>
                            <li><a href='#'>Кольца</a></li>
                        </ul>
                    </li>
                    </li>
                </ul>
            </li>
        </ul>

а к нему уже подключается css. Ваш CSS к моему примеру:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
ul.nav {
 list-style: none
 }
 
 ul.nav li {
 display: inline
 }
 
 ul.nav li a {
 font-family: Tahoma, Geneva, sans-serif;
 text-decoration: none;
 background: #5c6cb7;
 font-weight: bold;
 color: #ffaa00;
 padding: 6px 10px 6px 10px
 }
 
 ul.nav li a:hover {
 padding: 6px 10px 6px 10px;
 font-weight: bold;
 background: #364d95;
 color: #ff9900
 }
 
 ul.nav li a.selected {
 background: #364e95
 }

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .