Xpoint
   [напомнить пароль]

Горизонтальное меню

Метки: [без меток]
2007-09-02 21:29:35 [обр] LevshinO[досье]
Всем доброго времени суток. Собственно, имеется сайт: http://school25.ru/. На нем имеется выпадающее горизонтальное меню, которое сверстано с помощью таблиц, а код его занимает целых 9 килобайт. Вот и встал вопрос о том, чтобы его переделать, так как макет сайта я уже переверстал с помощью блоков. Подскажите пожалуйста, как сделать такое же меню, только чтобы код его был читаемым, валидны и занимал меньше места.
Я тут кое-что написал (извиняюсь, что длинно так):
<div>
     <span>|КАРТЫ|</span>
     <span>|ДОСТОПРИМЕЧАТЕЛЬНОСТИ|</span>
        <ul class="level1">
           <li>Природные
              <ul>
                 <li>Ботанические
                 <li>Водные
                 <li>Геологические
                 <li>Зоологические
                 <li>Палеонтологические
                 <li>Почвенные
                 <li>Комплексные
              </ul>
           <li>Культурные
           <li>Рекреационные ресурсы
              <ul>
                 <li>Лечебные
                 <li>Спортивные
                 <li>Познавательные
                 <li>Оздоровительные
              </ul>
        </ul>
     <span>|НАСЕЛЕНИЕ|</span>
        <ul class="level1">
           <li>Численность
           <li>Национальный состав
        </ul>
     <span>|КРАЕВЕДЧЕСКАЯ ЛИТЕРАТУРА|</span>
     <span>|РАБОТЫ УЧЕНИКОВ|</span>
        <ul class="level1">
           <li>5 класс
           <li>6 класс
           <li>7 класс
           <li>8 класс
           <li>9 класс
           <li>10 класс
           <li>11 класс
        </ul>
     <span>|МЕТОД. КОПИЛКА|</span>
        <ul class="level1">
           <li>География
           <li>Билогия
           <li>Экология
           <li>История
           <li>Литература
           <li>Культура
           <li>Внеклассные мероприятия
        </ul>
     <span>|ФОРУМЫ|</span>
        <ul class="level1">
           <li>Форум №1
           <li>Форум №2
        </ul>
     <span>|ССЫЛКИ|</span>
    </div>
спустя 1 минуту [обр] LevshinO[досье]
Теперь все дело в CSS, как я понимаю...
спустя 35 минут [обр] Евгений Петров(172/1055)[досье]
спустя 24 минуты [обр] LevshinO[досье]
Спасибо, вроде нашел то, что было нужно.
спустя 16 секунд [обр] LevshinO[досье]
Простите, что поленился.
спустя 1 день [обр] LevshinO[досье]
Есть еще вопросик. Вроде я все сделал, но в IE7 (как в IE6 - не знаю) выпадающие списки меню оказываются под слоем с контентом. В Опере и Мозилле все ок.
Вот ссылочка: http://school25.ru/redesign/
Чем смогите - помогите. :)
Powered by POEM™ Engine Copyright © 2002-2005