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

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

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

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

CSS

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

</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

<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

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
 }

	17.02.2012, 20:41